Components
Button
Interactive button component with HUD terminal variants.
Import
import { Button } from '@dmm1/daemon-ui'Usage
<Button>EXECUTE</Button>Variants
<Button variant="default">DEFAULT</Button>
<Button variant="ghost">GHOST</Button>
<Button variant="outline">OUTLINE</Button>
<Button variant="destructive">DESTRUCTIVE</Button>
<Button variant="link">LINK</Button>default
Bordered with primary color, fills on hover.
ghost
Transparent background, subtle hover effect.
outline
Border only, highlights primary on hover.
destructive
Error-colored for dangerous actions.
link
Text-only with underline on hover.
Sizes
<Button size="sm">SMALL</Button>
<Button size="md">MEDIUM</Button>
<Button size="lg">LARGE</Button>Disabled
<Button disabled>DISABLED</Button>API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'ghost' | 'outline' | 'destructive' | 'link' | 'default' | Visual style |
size | 'sm' | 'md' | 'lg' | 'md' | Button size |
disabled | boolean | false | Disable interaction |
className | string | — | Additional CSS classes |
children | ReactNode | — | Button content |