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.



Last Updated: 2022-10-03