List

Lists present multiple line items vertically as a single continuous element.

Basic List

<me-list> <me-list-item> <me-list-item-text primary="Inbox" secondary="Jan 9, 2024"></me-list-item-text> </me-list-item> </me-list>

Interactive List (ListItemButton)

<me-list> <me-list-item disablePadding> <me-list-item-button selected> <me-list-item-text primary="Drafts"></me-list-item-text> </me-list-item-button> </me-list-item> </me-list>

With Icons

Dense

API — me-list

Attribute	Type	Default	Description
`dense`	boolean	false	Reduces item padding.
`disablePadding`	boolean	false	Removes top/bottom padding from the list.

API — me-list-item-button

Attribute	Type	Default	Description
`selected`	boolean	false	Highlights the item as selected.
`disabled`	boolean	false	Disables the button.
`divider`	boolean	false	Adds a bottom border.
`alignItems`	center \| flex-start	center	Vertical alignment of children.

API — me-list-item-text

Attribute	Type	Default	Description
`primary`	string	—	Primary line text.
`secondary`	string	—	Secondary line text.
`inset`	boolean	false	Indents to align with icon items.