Nexub DS

Components · Form Controls

A checkbox drawn as a whole card: title, description and optional icon. Pick any number.

import { Checkbox Card } from '@nexub/react';

Examples

Lay checkbox cards out with any grid; there is no group component.

Prop	Type	Default	Required	Description
title	ReactNode	—	✓	The card’s accessible name.
description	ReactNode	—	—	Secondary text, exposed as the accessible description.
icon	ReactNode	—	—	Leading icon. Turns primary when checked.
checked / defaultChecked	boolean	—	—	Controlled or initial state. No indeterminate state.
onCheckedChange	(checked: boolean) => void	—	—	Called with a plain boolean.
children	ReactNode	—	—	Extra content under the description. Keep it non-interactive.
disabled	boolean	false	—	Disables the card.

Components · Form Controls

A checkbox drawn as a whole card: title, description and optional icon. Pick any number.

import { Checkbox Card } from '@nexub/react';

Lay checkbox cards out with any grid; there is no group component.

Prop	Type	Default	Required	Description
title	ReactNode	—	✓	The card’s accessible name.
description	ReactNode	—	—	Secondary text, exposed as the accessible description.
icon	ReactNode	—	—	Leading icon. Turns primary when checked.
checked / defaultChecked	boolean	—	—	Controlled or initial state. No indeterminate state.
onCheckedChange	(checked: boolean) => void	—	—	Called with a plain boolean.
children	ReactNode	—	—	Extra content under the description. Keep it non-interactive.
disabled	boolean	false	—	Disables the card.