Skip to content
StrataKit Docs

List

Lists are used to display a collection of items.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • Spacing and sizing has been adjusted to better align with StrataKit’s more compact visual design language.
  • The ListSubheader component renders as a <div> element by default.
  • The subheader props of List is not supported. Use the ListSubheader component instead.
  • The color prop of ListSubheader is not supported.
  • The action prop of ListButtonItem is not supported by StrataKit.
  • Ripple effect removed from ListItemButton. The centerRipple, disableRipple, disableTouchRipple, focusRipple, TouchRippleProps and touchRippleRef props are not supported.

Examples

Section titled “Examples”

ListItemAvatar

Section titled “ListItemAvatar”

ListSubheader

Section titled “ListSubheader”

Secondary action

Section titled “Secondary action”

The secondaryAction prop can be used to show an IconButton, which can be triggered separately from the main ListItemButton. In the following example, clicking on the list item text does not trigger any action.

API reference

Section titled “API reference”