(List Group Item) (list_group_item)
Internal: to be used in the 'List Group' component.
🔗 External documentation.
| ID | Label | Description | Schema |
|---|---|---|---|
| content | Content | Plain text, or any kind of content. | |
| active | Active? | Indicate the current active selection. |
|
| disabled | Disabled? | Make it appears disabled. Note that some elements with .disabled will also require custom JavaScript to fully disable their click events (e.g., links). |
|
| url | URL | The button URL. Optional. |
|
id: list_group_item
label: '(List Group Item)'
description: "Internal: to be used in the 'List Group' component."
group: 'List group'
homepage: 'https://getbootstrap.com/docs/5.3/components/list-group/'
variants:
default:
id: default
label: Default
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:
active:
id: active
label: 'Active?'
description: 'Indicate the current active selection.'
schema:
type: boolean
disabled:
id: disabled
label: 'Disabled?'
description: 'Make it appears disabled. Note that some elements with .disabled will also require custom JavaScript to fully disable their click events (e.g., links).'
schema:
type: boolean
url:
id: url
label: URL
description: 'The button URL. Optional.'
schema:
type: string
format: uri-reference
examples:
preview:
id: preview
label: Preview
renderable:
'@component': list_group_item
content: 'An item'