Enabled switch
import { Label, Switch } from "@combric/react";
export function Example() {
return <Label><Switch defaultChecked /> Notifications</Label>;
}Switch
Form-associated native checkbox presented as an on/off switch.
@combric/react · v1.1.1 · Current
Import and usage
import { Switch } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
Examples
Off state
import { Label, Switch } from "@combric/react";
export function Example() {
return <Label><Switch /> Notifications</Label>;
}Disabled state
import { Label, Switch } from "@combric/react";
export function Example() {
return <Label><Switch defaultChecked disabled /> Notifications are on</Label>;
}Public API
| Name |
|---|
Switch |
| Property / capability | Published contract |
|---|---|
| Contract | Native checkbox props |
| Contract | checked/defaultChecked |
| Contract | role is switch |
Accessibility
Requires a label and retains native form participation; use Checkbox for ordinary form choices.
Keyboard
Native Space toggling.
CSS and customization
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.