Nooxit
Components

Toggle

A two-state button that can be either on or off.

Installation

import { ... } from 'nooxit-design-system/components/toggle';

Notes

Sizes follow the kit: sm 36px, default 40px and lg 44px. Hovering mutes the label, while the pressed state keeps it in the foreground color — an inversion worth knowing when you read the classes.

Source — src/components/toggle.tsx
Figma — Toggle in the Nooxit UI kit

On this page