List Box

ListBox are designed to present and manage lists of options or data entries, allowing users to view and select from multiple choices efficiently.

Installation

CLI

Manual

In the terminal, run the following command to begin:

npx hq-kit add list-box

View

Code

View

Code

View

Code

Selection mode

None

Single

Multiple

View

Code

View

Code

View

Code

View

Code

View

Code

[
  1
]

View

Code

You can also disable an item directly by passing the isDisabled prop to ListBox.Item.

<ListBox.Item isDisabled>Disabled</ListBox.Item>