Skip to content

Smart Accordion Custom Element | Web Components | HTML Elements | Javascript UI

License

Notifications You must be signed in to change notification settings

HTMLElements/smart-accordion

Folders and files

NameName
Last commit message
Last commit date

Latest commit

077421f · Aug 9, 2019

History

31 Commits
Jun 20, 2018
Mar 19, 2019
Mar 19, 2019
Mar 19, 2019
Mar 19, 2019
Apr 17, 2018
Aug 9, 2019

Repository files navigation

 Slack Price npm GitHub package version License: APACHE Published on webcomponents.org

<smart-accordion>

Live Demo ↗ | Documentation ↗ | Installation ↗

<smart-accordion> is a Custom HTML Element with expandable panels, part of the Smart HTML Elements. Each panel has header and content.

 <smart-accordion>
  <smart-accordion-item label="Item 1" content="Content 1" expanded></smart-accordion-item>
  <smart-accordion-item label="Item 2" content="Content 2"></smart-accordion-item>
  <smart-accordion-item label="Item 3" content="Content 3"></smart-accordion-item>  
 </smart-accordion>

Screenshot of smart-accordion, using the Material theme

Screenshot of smart-accordion mobile, using the Material theme

Getting Started

Smart HTML Elements components documentation includes getting started, customization and api documentation topics.

Getting Started Documentation | CSS Documentation | API Documentation

The file structure for Smart HTML Elements

  • source/

    Javascript files.

  • source/styles/

    Component CSS Files.

  • demos/

    Demo files

Running demos in browser

  1. Fork the Smart-HTML-Elements-Core repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the Smart-HTML-Elements-Core directory, run npm install and then bower install to install dependencies.

  4. Run a localhost or upload the demo on a web server. Then run:

  • /demos/smart-accordion/smart-accordion-overview.htm

Following the coding style

We are using ESLint for linting JavaScript code.

Creating a pull request

  • Make sure your code is compliant with ESLint
  • Submit a pull request with detailed title and description
  • Wait for response from one of our team members

License

Apache License 2.0