Docs
πŸ—οΈ ⏐ Components
Layout
List

List

Simple list and list item component.

Examples

Blocks

This component is used in the following Blocks:

Theme

This component uses the following default theme:

  • root{}(3 keys)
      Show all

Learn more about how to customize in the Theme documentation.

API

PropDescriptionDefault
activeWhether the item is active or not.
boolean
disabledWhether the item is disabled or not.
boolean
disablePaddingDisable the padding ( including gutters ).
boolean
disableGuttersDisable the gutters ( left + right padding ).
boolean
denseWhether the item data is dense and reduce the padding.
boolean
contentClassNameClass name for the content element.
string
startA start component for the list item.
ReactNode
endA end component for the list item.
ReactNode
themeTheme for the List.
ListTheme
refReference to the list item element.
LegacyRef<HTMLDivElement>