Smart Webcomponents Community screenshot

Smart Webcomponents Community

Author Avatar Theme by Htmlelements
Updated: 23 Apr 2024
32 Stars

Material & Bootstrap Web Components built with Smart

Categories

Overview:

This repository on webcomponents.org contains community components such as Table, Tabs, Tree, and Menu. These components are available for free and can be used in both commercial and non-commercial packages. There are also NPM packages available for these components including ‘smart-webcomponents-angular’, ‘smart-webcomponents’, and ‘smart-webcomponents-react’. The components can be added to your application without any licensing information or watermarks.

Features:

  • Table: A community component for displaying tabular data.
  • Tabs: A community component for creating tabbed content.
  • Tree: A community component for displaying hierarchical data.
  • Menu: A community component for creating menus.

Installation:

To install these components, follow the steps below:

  1. Download or clone the repository.

  2. Locate the ‘source/modules’ folder. This folder contains the files related to the Table, Tabs, Tree, and Menu components.

  3. Copy the necessary files from the ‘source/modules’ folder to your project directory.

  4. Install the required NPM packages:

    For Angular projects, use the ‘smart-webcomponents-angular’ package:

    npm install smart-webcomponents-angular
    

    For other projects, use the ‘smart-webcomponents’ package:

    npm install smart-webcomponents
    

    For React projects, use the ‘smart-webcomponents-react’ package:

    npm install smart-webcomponents-react
    
  5. Once the files and packages are installed, you can use the components in your application without any licensing information or watermarks.

Summary:

This repository on webcomponents.org offers a collection of community components such as Table, Tabs, Tree, and Menu. These components can be used for free in both commercial and non-commercial packages. The repository also provides NPM packages for easier integration into different project types. Installation instructions are provided to guide users on how to add these components to their applications.