Components
Button
Token-driven button in three variants and three sizes.
Variants
contained (default), outlined, and text. Each derives its color from
--cdz-color-primary, so it re-themes automatically.
Sizes
sm (32px), md (40px, default), lg (48px).
Usage
import { Button } from '@cdz/ui';
<Button>Save</Button>
<Button variant="outlined" size="sm">Cancel</Button>
<Button variant="text">Learn more</Button>
<Button fullWidth>Continue</Button>
<Button disabled>Unavailable</Button>Props
| Prop | Type | Default | Notes |
|---|---|---|---|
variant | contained | outlined | text | contained | Visual style |
size | sm | md | lg | md | Control height |
fullWidth | boolean | false | Stretch to container |
All other native <button> attributes (onClick, type, disabled, …) pass
through, and the component forwards its ref.