https://github.com/lidorsystems/integralui-web-accordion
IntegralUI Web Lite - Accordion is a native Web Component that allows you to organize elements in groups.
https://github.com/lidorsystems/integralui-web-accordion
accordion angular components integralui javascript react ui vue web web-components
Last synced: 3 months ago
JSON representation
IntegralUI Web Lite - Accordion is a native Web Component that allows you to organize elements in groups.
- Host: GitHub
- URL: https://github.com/lidorsystems/integralui-web-accordion
- Owner: lidorsystems
- License: other
- Created: 2020-10-19T17:33:26.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2020-10-19T18:53:19.000Z (over 4 years ago)
- Last Synced: 2025-03-04T07:40:20.567Z (3 months ago)
- Topics: accordion, angular, components, integralui, javascript, react, ui, vue, web, web-components
- Language: JavaScript
- Homepage: https://www.lidorsystems.com/products/web/studio/
- Size: 85.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGE_LOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# IntegralUI Web Lite - Accordion, v20.2
IntegralUI Web Lite - Accordion is a native Web Component that allows you to organize elements in groups.
Note This component is part of [IntegralUI Web Lite](https://github.com/lidorsystems/integralui-web-lite.git).
Here is a brief overview of what is included:
## Components
[Accordion](https://www.lidorsystems.com/products/web/studio/samples/web-components/#/accordion) - Displays a list of expandable groups in vertical layout
[GroupBox](https://www.lidorsystems.com/products/web/studio/samples/web-components/#/groupbox) - An expandable container with header and content
## Services
Common - Includes a set of common functions usable in most applications
Data - Includes a set of data related functions for different operations like: add/remove, search, etc.
## DEMO
[Online QuickStart App](https://www.lidorsystems.com/products/web/studio/samples/web-components/) - An online demo of each component included
## Installation
Install the repository by running
```bash
npm install https://github.com/lidorsystems/integralui-web-accordion.git
```
or directly from NPM
```bash
npm i integralui-web-accordion
```
Open your application and add a reference to a component you want to use. For example, if you are using the IntegralUI Accordion component:
### Angular
```bash
import 'integralui-web-accordion/components/integralui.accordion.js';
```
### React
```bash
import IntegralUIAccordionComponent from 'integralui-web-accordion/wrappers/react.integralui.accordion.js';
```
Note Currently [ReactJS doesn't have full support for Web Components](https://custom-elements-everywhere.com/#react). Mainly because of the way data is passed to the component via attributes and their own synthetic event system. For this reason, you can use available wrappers located under /wrappers directory, which are ReactJS components that provide all public API from an IntegralUI component.
### Vanilla JavaScript
```bash
```
## QuickStart App
There is a demo application with source code that contains samples for Accordion component. It can help you to get started quickly with learning about the components and write tests immediatelly.
From [IntegralUI Web Lite - QuickStart](https://www.lidorsystems.com/products/web/lite/#quickstart) you can download a demo app for Angular, React and Vanilla JavaScript. A detailed information about each of these quick-start demos is available in ReadMe file, located in the root folder of the demo app.
## License Information
You are FREE to use this product to develop Internet and Intranet web sites, web applications and other products, with no-charge.
This project has been released under the IntegralUI Web Lite License, and may not be used except in compliance with the License.
A copy of the License should have been installed in the product's root installation directory or it can be found here: [License Agreement](https://www.lidorsystems.com/products/web/lite/integralui-web-lite-license-agreement.pdf).
This SOFTWARE is provided "AS IS", WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.