Components
iOSAndroid
Installation
pnpm dlx @docyrus/cli add @docyrus/rn-toggleUsage
import { Toggle } from '@/components/docyrus-native/toggle';
<Toggle pressed={bold} onPressedChange={setBold}>B</Toggle>
<Toggle variant="outline" pressed={italic} onPressedChange={setItalic}>I</Toggle>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
pressed | boolean | false | Toggle pressed state |
onPressedChange | (pressed: boolean) => void | — | State change handler |
children | ReactNode | — | Toggle content |
variant | 'default' | 'outline' | 'default' | Visual style variant |
size | 'sm' | 'md' | 'lg' | 'md' | Toggle size |
disabled | boolean | false | Disable interaction |
className | string | — | Additional CSS classes |
textClassName | string | — | Text CSS classes |
accessibilityLabel | string | — | Accessibility label |
Type Exports
| Type | Description |
|---|---|
ToggleProps | Props for Toggle component |
ToggleVariant | 'default' | 'outline' |
ToggleSize | 'sm' | 'md' | 'lg' |