Choicebox

Choiceboxes are a great way to show radio or checkbox options with a card style.

Powered by

Lucide

Option 1(the first option)

This is the first option

Option 2(the second option)

This is the second option

Installation

npx nopends-ui@latest add choicebox

Features

Card-style radio and checkbox options
Customizable header, title, and description for each option
Accessible keyboard navigation
Visual feedback for selected and hover states
Support for disabled states
Customizable styling through className props
Flexible layout with inline and block options
Clear visual hierarchy with title and subtitle support
Consistent styling with the design system
Support for custom content and indicators

Examples

Inline Choiceboxes

Option 1

This is the first option

Option 2

This is the second option

Snippet

Snippet is a component that allows you to display and copy code in a tabbed interface.

Combobox

Autocomplete input and command palette with a list of suggestions.