Touch primitives
Button and Input are the same shared components as the desktop set, with an added touch size that meets the 44px minimum hit area. Import them from @flabbergasted-ai/react/mobile.
Button
<Button size="touch" variant="primary">Continue</Button><Button size="touch" variant="secondary">Cancel</Button><Button size="touch" variant="accent">Get started</Button>The touch size is additive: sm, md and lg are unchanged, so a desktop layout is never affected. It resolves to 44px only inside a data-flab-touch subtree.
Input
<Input size="touch" aria-label="Email" placeholder="you@example.com" />Props
| Prop | Type | Default | Notes |
|---|---|---|---|
Button size | 'sm' | 'md' | 'lg' | 'touch' | 'md' | touch is the 44px finger target for mobile. |
Input size | 'md' | 'touch' | 'md' | touch raises the field height to 44px. |