<dy-collapse>
A collapsible content component that allows users to expand and collapse sections of content. It supports single or multiple panel expansion modes and includes search functionality for filtering content.
Example
Loading...
<dy-collapse
style=${"width: 100%"}
.searchable=${true}
.type=${"single"}
.items=${ [ { "summary": "Title 1", "detail": "This is collapse 1 panel" }, { "summary": "Title 2", "detail": "This is collapse 2 panel" }, { "summary": "Title 3", "detail": "This is collapse 3 panel" } ] }></dy-collapse>
<dy-collapse> API
DuoyunCollapseElement
Extends TapCollapseElement
TapCollapseElement
Extends GemElement
TapCollapseElement Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
type(type) |
Yes | 'single' | 'multi' |
searchable(searchable) |
Yes | boolean |
items |
Yes | CollapseItem[] |