Forms
Switch
A control that allows the user to toggle between on and off — with label, hint, size and slim variants.
Import
import { Switch } from "@countryclub/ui-react";Default
Base
The bare control — unchecked and checked.
With Label
Wrap the switch in a Label for an accessible click target.
With Label & Hint
Add supporting hint text beneath the label.
Disabled
Disabled switches in every state.
Sizes
Three sizes via the "size" prop: "sm", "md" (default) and "lg".
Slim
A thin-track variant via the "slim" prop — the thumb rides above the narrower rail.
Slim with Label & Hint
The slim toggle paired with a label and hint text.