List Item Groups
The ListItemGroup provides the ability to create a group of selectable v-list-items. The ListItemGroup component utilizes ItemGroup at its core to provide a clean interface for interactive lists.
Usage
By default, the ListItemGroup operates similarly to ItemGroup. If a value is not provided, the group will provide a default based upon its index.
Examples
Active Class
You can set a class which will be added when an item is selected.
Mandatory
At least one item must be selected.
Multiple
You can select multiple items at one time.
Selection Controls
Using the default slot, you can access an items internal state and toggle it. Since the active property is a boolean, we use the true-value prop on the checkbox to link its state to the ListItem.
Ready For More?
Continue to learn more about svelte materialify with content selected by the creator.