iOS Round Toggle Button
Control Center style round toggle with icon and caption; switches to the tint color when pressed.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
IOSRoundToggleButtonProps
Also accepts all props of Omit<React.ComponentProps<"button">, "onChange" | "children" | "defaultValue">
| Prop | Type | Default | Description |
|---|---|---|---|
| icon* required | React.ReactNode | — | — |
| label* required | string | — | Caption under the circle; also used as the accessible name |
| tint | string | "#007aff" | Color of the "on" state |
| pressed | boolean | — | — |
| defaultPressed | boolean | false | — |
| onPressedChange | (pressed: boolean) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/ios-round-toggle-button.json