NOCTA UI

Toggle

Accessible toggle button built on top of Ariakit Checkbox, supporting variants, sizes, and icon composition.

Installation

Install the Toggle component using the nocta-ui CLI:

npx @nocta-ui/cli add toggle

Import the component:

import { Toggle } from '@/components/ui/toggle';

Prop

Type

Textarea

A versatile textarea component with multiple variants, sizes, resize options, and dark mode support

Toggle Group

Grouped toggle buttons for single or multiple selection states with shared styling and keyboard support.