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.


By default, the ListItemGroup operates similarly to ItemGroup. If a value is not provided, the group will provide a default based upon its index.


Active Class

You can set a class which will be added when an item is selected.


At least one item must be selected.


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: 2021-09-02