|
2 | 2 |
|
3 | 3 | [](https://www.travis-ci.com/HTMLElements/Team) |
4 | 4 |
|
5 | | -Best Material Components for the Web |
6 | | ------------------------------------------------------------------------------------------------------ |
| 5 | +This repository contains the FREE community components - Table, Tabs, Tree and Menu. The files are within the 'source/modules' folder. |
7 | 6 |
|
8 | | -[<img src="https://www.htmlelements.com/demos/images/grid-dashboard.png" alt="Grid Web Component">](https://htmlelements.com/demos/) |
9 | | - |
10 | | -Build responsive, mobile-first projects on the Web with the most advanced front-end component library |
11 | | ------------------------------------------------------------------------------------------------------ |
12 | | - |
13 | | - |
14 | | -What is Smart HTML Elements? |
15 | | ----------------------------- |
16 | | - |
17 | | -Smart HTML Elements represents a framework based on Javascript, HTML and CSS for building web-based applications that run on PC, Touch and Mobile devices. Smart HTML Elements includes more than 40 UI components. All components are designed from ground-up and based on a powerful common core. The framework core provides fundamental capabilities like support for HTML Element extensions and inheritance, HTML Templates , Data Binding, Event handling and routing, property change notifications, device and browser compatibility detection and adjustments. |
18 | | - |
19 | | -Works across devices and browsers |
20 | | ---------------------------------- |
21 | | - |
22 | | -Smart HTML Elements takes the JavaScript & HTML UI development to a new level. It is platform independent, cross-browser compatible and works on PC and mobile devices. Don’t spend time testing on different devices and browsers. Use a reliable, CSS compliant JavaScript library based on native technologies.The product supports all major desktop and mobile web browsers - Internet Explorer 11.0, Edge, Firefox, Safari, Opera, Google Chrome. |
23 | | - |
24 | | -[Professional/Enterprise and Community Comparison](https://www.htmlelements.com/docs/community-and-enterprise/) |
25 | | - |
26 | | - |
27 | | -[Theme Builder](https://www.htmlelements.com/themebuilder/) |
28 | | - |
29 | | -Web Components |
30 | | --------------- |
31 | | - |
32 | | -A suite of polyfills supporting the Web Components specs is included in our examples. These polyfills ensure that Custom Elements are supported in all browsers. |
33 | | - |
34 | | -Custom Elements |
35 | | ---- |
36 | | - |
37 | | -| Component | Status | Issues |
38 | | -| ----------| ------ | ------ |
39 | | -| [`<smart-accordion>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+accordion) |
40 | | -| [`<smart-button>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+button) |
41 | | -| [`<smart-calendar>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+calendar) |
42 | | -| [`<smart-card>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+card) |
43 | | -| [`<smart-carousel>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-carousel) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+toggle+button) |
44 | | -| [`<smart-check-box>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+check+box) |
45 | | -| [`<smart-grid>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+grid) |
46 | | -| [`<smart-input>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+input) |
47 | | -| [`<smart-list-box>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+list+box) |
48 | | -| [`<smart-power-button>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+power+button) |
49 | | -| [`<smart-progress-bar>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+progress+bar) |
50 | | -| [`<smart-radio-button>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+radio+button) |
51 | | -| [`<smart-repeat-button>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+repeat+button) |
52 | | -| [`<smart-scroll-bar>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+scroll+bar) |
53 | | -| [`<smart-switch-button>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+switch+button) |
54 | | -| [`<smart-sortable>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+sortable) |
55 | | -| [`<smart-table>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+table) |
56 | | -| [`<smart-tabs>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+tabs) |
57 | | -| [`<smart-toggle-button>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+toggle+button) |
58 | | -| [`<smart-tooltip>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+tooltip) |
59 | | -| [`<smart-toggle-button>`](https://github.com/HTMLElements/smart-elements-community) | [](https://www.npmjs.com/package/@smarthtmlelements/smart-elements-community) | [*Issues*](https://github.com/HTMLElements/smart-elements-community/issues?utf8=%E2%9C%93&q=is%3Aissue+is%3Aopen+toggle+button) |
60 | | - |
61 | | -Download and Installation |
62 | | -------------------------- |
63 | | - |
64 | | -[Download Smart HTML Elements](http://www.htmlelements.com/download/) |
65 | | - |
66 | | -* ### The SDK files are located in the jqwidgets directory |
67 | | - |
68 | | - In general you need to use files from this directory only. |
69 | | - |
70 | | - #### Files list & description: |
71 | | - |
72 | | - ##### Files required in all projects using the SDK |
73 | | - |
74 | | - * smart.element.js: Core Smart HTML Elements framework |
75 | | - * smart.elements.js: Smart HTML Elements bundle |
76 | | - * Stylesheet files. Include at least one stylesheet Theme file and the images folder: |
77 | | - * styles/smart.default.css: Stylesheet for the base Theme. |
78 | | - The smart.default.css file should be always included in your project. |
79 | | - * styles/images: contains images referenced in the stylesheet files |
80 | | - |
81 | | - |
82 | | - ##### Files for elements. Include depending on project needs: |
83 | | - |
84 | | - https://www.htmlelements.com/docs/scripts-dependencies/ |
85 | | - |
86 | | -* ### Examples |
87 | | - |
88 | | - The index.htm file starts the demo/examples browser |
89 | | - Individual UI components examples are located in the /demos directory |
90 | | -* ### Documentation |
91 | | - |
92 | | - Browse the documentation https://www.htmlelements.com/docs/ |
93 | | - |
94 | | -* ### Other files |
95 | | - |
96 | | - The /scripts, /images, /styles folders contain the files used by the demos only. |
| 7 | +You can use the Table, Tabs, Tree and Menu for FREE in commercial and non-commercial packages. These components are also available in the 'smart-webcomponents-angular', 'smart-webcomponents' and 'smart-webcomponents-react' NPM packages. When you add them to your application, they will not show any licensing information or watermarks. Feel free to use them. |
97 | 8 |
|
98 | 9 |
|
0 commit comments