ListItem

Mixes: InternalsAttached
Mixes: FormAssociated

Base list item component for interactive list items in menus and selects.

Since ariaActiveDescendant is used in lists, list items are not actually focused. To style or animate a focused list item, use :state(focused) in CSS or handle custom behaviors by overriding updated().

Properties

Name	Type	Default	Description
`selected`	Boolean	`false`	Whether the list item is selected.
`focused`	Boolean	`false`	Whether the list item has focus.

Methods

Name	Description
`focus()`	Visually sets the focused state to true.
`blur()`	Visually sets the focused state to false.