List Groups
List groups allow you to display series of content.
Basic Example
You can create list groups using the <d-list-group> component with the <d-list-group-item> sub-component.
<d-list-group>
<d-list-group-item>Cras justo odio</d-list-group-item>
<d-list-group-item>Dapibus ac facilisis in</d-list-group-item>
<d-list-group-item>Morbi leo risus</d-list-group-item>
<d-list-group-item>Porta ac consectetur ac</d-list-group-item>
<d-list-group-item>Vestibulum at eros</d-list-group-item>
</d-list-group>
<!-- list-group-1.vue -->
Props
| Prop | Description | Type | Default | Required |
|---|---|---|---|---|
| :tag | The element tag. | String | "div" | False |
| :flush | Whether the list group should be flushed, or not. | Boolean | false | False |
Subcomponents
The following subcomponents are available for the <d-list-group/> component:
<d-list-group-item/>
This subcomponent is inheriting Link component's props.
Props
| Prop | Description | Type | Default | Required |
|---|---|---|---|---|
| :tag | - | String | "div" | False |
| :action | - | Boolean | null | False |
| :button | - | Boolean | null | False |
| :theme | - | String | null | False |