Switch

Hard-edge toggle switch built on Radix Switch. Transitions from bg-bg-elevated (off) to Neo Green (on). Accepts an optional label prop rendered to the right.

Usage

import { Switch } from "nosible-ux"

export default function Example() {
  return <Switch label="Enable real-time alerts" />
}

Examples

With labels

Controlled

Accessibility

Built on Radix Switch: role="switch", aria-checked state, and keyboard activation (Space/Enter) are handled. When label is provided it is linked via htmlFor.

Props