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

Preview

Code

Preview

Code

Preview

Code

Selection mode

Preview

Code

Preview

Code

Preview

Code

Preview

Code

Preview

Code

[
  1
]

Preview

Code

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

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