Collapsible
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow you to progressively display information as desired.
| Class | Type | |
|---|---|---|
collapsible
|
Collapsible | A class representing a collapsible |
Components
Collapsible consist of five components:
| Class | Type | |
|---|---|---|
collapsible-item
|
Item | |
collapsible-wrapper
|
Wrapper | |
collapsible-button
|
Button | |
collapsible-button-optional
|
Optional Label | |
collapsible-content
|
Content |
Options one
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
Options two
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
Option three
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
Options one
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
Options two
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
Option three
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
Collapsible with Checkboxes
In the Appwrite console, collapsibles can contain checkboxes:
Advanced Options2
Advanced Options
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
Advanced Options2
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
Advanced Options
2
Subheading
A clear description of what will happen if you select this option
Subheading
A clear description of what will happen if you select this option
Subheading
A clear description of what will happen if you select this option
Advanced Options
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
Advanced Options
2
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
Disabled Item
Advanced Options4
Advanced Options
4
Collapsible with info items
- Advanced Options
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
- Advanced Options
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
- Advanced Options
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
Collapsibles are used to display a vertical list of headers that reveal or hide content. They allow to progressively disclose information as desired.
Advanced Options
class="collapsible-content u-padding-inline-start-48 u-padding-inline-end-32 u-margin-inline-start-2"
>
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
Advanced Options
class="collapsible-content u-padding-inline-start-48 u-padding-inline-end-32 u-margin-inline-start-2"
>
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
Advanced Options
class="collapsible-content u-padding-inline-start-48 u-padding-inline-end-32 u-margin-inline-start-2"
>
Collapsibles are used to display a vertical list of headers that reveal or hide content.
They allow to progressively disclose information as desired.
class="collapsible-content u-padding-inline-start-48 u-padding-inline-end-32 u-margin-inline-start-2">Collapsibles are used to display a vertical list of headers that reveal or hide content.They allow to progressively disclose information as desired.