Svelte Material UI

Accordion

Installation
npm i -D @smui-extra/accordion
Demos
The content for panel 1.
  • Some
  • List
  • Items
The content for panel 2.
The content for panel 3.
  • Some
  • More
  • List
  • Items
  • To
  • Show
  • Big
  • Height
If you like this component, you can thank nick who pushed me to make it. He was right, accordions are awesome! :D
Multiple

Allow multiple open panels.

The content for panel 1.
  • Some
  • List
  • Items
The content for panel 2.
The content for panel 3.
  • Some
  • More
  • List
  • Items
  • To
  • Show
  • Big
  • Height
The content for panel 4.
Disabled and Non-Interactive Panels
The content for normal panel.
The content for disabled panel.
The content for non-interactive closed panel.
Non-Interactive Open Panel
The content for non-interactive open panel.
Descriptions
The content for panel 1.
The content for panel 2.
The content for panel 3.
The content for panel 4.
Toggle icons
The content for panel 1.
The content for panel 2.
The content for panel 3.
The content for panel 4.
Extending panels
The content for panel 1.
  • Some
  • List
  • Items
The content for panel 2.
The content for panel 3.
  • Some
  • More
  • List
  • Items
  • To
  • Show
  • Big
  • Height
The content for panel 4.
Primary color
The content for panel 1.
The content for panel 2.
The content for panel 3.
The content for panel 4.
Secondary color
The content for panel 1.
The content for panel 2.
The content for panel 3.
The content for panel 4.
Nested
The content for panel 1.1.
The content for panel 1.2.
The content for panel 2.1.
The content for panel 2.2.
Paper props

The panels are Paper components, so they can take any property that Paper can.

The content for panel 1.
The content for panel 2.
The content for panel 3.
The content for panel 4.
Complex content
This panel has boring content.
This panel has really cool content!

A Dialog!

This dialog is even a child of the panel!
This panel has boring content.