2.0.0 • Published 2 years ago
@dreamworld/dw-accordion v2.0.0
dw-accordion
Introduction
- It's accordion web component.
Installation Steps
yarn add @dreamworld/dw-accordion
Usage
- This can be used by extention only.
Import
import '@dreamworld/dw-accordion'
Use
<dw-accordion items=${[{}, {}]}> </dw-accordion>
Properties
items
: List of items to be shown.
Templates (These both are mandatory templates)
headerTemplate(item)
contentTemplate(item)
CSS properties
--dw-accordion-border-color
: Border color of whole accordion. Default isrgba(0, 0, 0, 0.10)
.--dw-accordion-item-divider-color
: Divider color of each item. Default isrgba(0, 0, 0, 0.10)
.--dw-accordion-header-padding
: Padding of header of each item. Default is8px 16px
.--dw-accordion-content-padding
: Padding of content of each item. Default is8px 16px
.
Methods
collapseAll
: Collapses all the expanded items.
2.0.0
2 years ago
1.1.0-upgrade-version.2
3 years ago
1.1.0-upgrade-version.1
3 years ago
1.0.0
3 years ago
1.0.0-accordion.3
3 years ago
1.0.0-accordion.2
3 years ago
1.0.0-accordion.1
3 years ago