Function ListItemButton

You can use the disableLiSemantics prop to change the underlying DOM elements and neutralize default HTML list semantics. Use this for standalone ListItemButtons that should not be announced as lists by screen readers. See the List Examples Story for an example.

Accessibility

Warning! Be very careful when using interactive ListItemButton. Never put other interactive elements such as <Button>, <Radio>, <Checkbox>, <Link> inside a ListItemButton. It is invalid HTML and won't work correctly with keyboard or screen readers!
Refer to the List Examples story on how to create complex or interactive list item buttons.

ListItemButton(props): ReactNode
Parameters
- props: Omit<ListItemButtonProps, "ref"> & RefAttributes<HTMLDivElement | HTMLLIElement>
Returns ReactNode
- Defined in @sj-ab/component-library.ui.list-item-button/dist/ListItemButton.d.ts:42

Index

Properties

$$typeof defaultProps? displayName? propTypes?

Properties

`Readonly`$$typeof

$$typeof: symbol

`Optional`defaultProps

defaultProps?: Partial<Omit<ListItemButtonProps, "ref"> & RefAttributes<HTMLDivElement | HTMLLIElement>>

Deprecated

Use values for destructuring assignments instead.

`Optional`displayName

displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

See

Legacy React Docs

`Optional`propTypes

propTypes?: WeakValidationMap<Omit<ListItemButtonProps, "ref"> & RefAttributes<HTMLDivElement | HTMLLIElement>>