(Accordion item) (accordion_item
)
Internal: to be used in the 'Accordion' component.
🔗 External documentation.
ID | Label | Description | Schema |
---|---|---|---|
title | Title | Item title. | |
content | Content | Accordion item content. | |
opened | Opened | If the accordion item is opened by default. |
|
heading_level | Heading level |
|
|
item_id | ID | Must start with a letter. Randomly generated if empty. |
|
id: accordion_item
label: '(Accordion item)'
description: "Internal: to be used in the 'Accordion' component."
group: Accordion
homepage: 'https://getbootstrap.com/docs/5.3/components/accordion'
slots:
title:
id: title
label: Title
description: 'Item title.'
content:
id: content
label: Content
description: 'Accordion item content.'
props:
opened:
id: opened
label: Opened
description: 'If the accordion item is opened by default.'
schema:
type: boolean
heading_level:
id: heading_level
label: 'Heading level'
schema:
type: integer
enum:
- 2
- 3
- 4
- 5
- 6
item_id:
id: item_id
label: ID
description: 'Must start with a letter. Randomly generated if empty.'
schema:
type: string
examples:
preview:
id: preview
label: Preview
renderable:
'@component': accordion_item
title: 'Item title'
content:
'@element': p
'@content': 'Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.'
opened: true
heading_level: 2
Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.