List Group Item (list_group_item)
List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.
🔗 External documentation.
| ID | Label | Description | Schema |
|---|---|---|---|
| content | Content | Plain text, or any kind of content. | |
| url | URL |
|
|
| active | Active? | Indicate the current active selection. |
|
| disabled | Disabled? | Make it appear disabled. Note that some elements with .disabled will also require custom JavaScript to fully disable their click events (e.g., links). |
|
id: list_group_item
label: 'List Group Item'
description: 'List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within. '
homepage: 'https://getbootstrap.com/docs/4.6/components/list-group/'
variants:
primary:
id: primary
label: Primary
secondary:
id: secondary
label: Secondary
success:
id: success
label: Success
danger:
id: danger
label: Danger
warning:
id: warning
label: Warning
info:
id: info
label: Info
light:
id: light
label: Light
dark:
id: dark
label: Dark
slots:
content:
id: content
label: Content
description: 'Plain text, or any kind of content.'
props:
url:
id: url
label: URL
schema:
type: string
format: uri-reference
active:
id: active
label: 'Active?'
description: 'Indicate the current active selection.'
schema:
type: boolean
disabled:
id: disabled
label: 'Disabled?'
description: 'Make it appear disabled. Note that some elements with .disabled will also require custom JavaScript to fully disable their click events (e.g., links).'
schema:
type: boolean
examples:
preview:
id: preview
label: Preview
renderable:
'@component': list_group_item
content: 'An item'