NOCTA UI

Checkbox Card

A selectable card that pairs rich summaries with checkbox behaviour for multi-select interfaces.

Installation

Install the Checkbox Card component using the nocta-ui CLI:

npx @nocta-ui/cli add checkbox-card

Then import the component where you need it:

import { CheckboxCard } from '@/components/ui/checkbox-card';

Examples

Default Checkbox Card

Integrations Grid

API Reference

Prop

Type

Checkbox

A versatile checkbox component for forms and selections with multiple variants, sizes and dark mode support

Combobox

Searchable combobox component with filtering, keyboard navigation, and accessibility for advanced option selection

On this page

Installation
Examples
Default Checkbox Card
Integrations Grid
API Reference