ListMenuItem

API reference and demos for ListMenuItem.

Source

Import

import { ListMenuItem } from "@flanksource/clicky-ui/components";

Demos

Default · Open in Storybook

Multi Select · Open in Storybook

Row States · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
accentClassName	string	border-transparent	Left-border class when neither active nor selected.
active	boolean	false	Applies the primary selected-row treatment used for the open/detail row.
checkboxLabel	string	Select item	Accessible name for the leading checkbox. Defaults to "Select item".
hideCheckbox	boolean	false	Hide the leading checkbox for this row even when selection is enabled.
interactive	boolean	true	Whether the row gets pointer and hover affordances.
itemKey	string	—	Stable key that opts the row into `ListMenu` multi-select.
selected	boolean	false	Applies the softer selected treatment used for checkbox or multi-select rows.
variant	enum	default	Row density. Compact is intended for single-line values and controls.