Button
Seven variants and five sizes in uppercase mono. primary is filled phosphor; signal marks urgent states.
Installation
npx shadcn@latest add @afterglow/buttonSizes
Tracking opens up with the size, so a large button does not read as a small one enlarged.
With an icon, and disabled
API Reference
To render something other than a <button>, pass render and turn off nativeButton: <Button render={<Link href="/x" />} nativeButton={false}>Go</Button>.
Button
primary is the filled phosphor action. Keep signal for alarms and urgent states.
| Prop | Type | Default |
|---|---|---|
| variant | "default" | "primary" | "signal" | "outline" | "ghost" | "destructive" | "link" | "default" |
| size | "default" | "sm" | "lg" | "icon" | "icon-sm" | "default" |
Everything else is Base UI button's API, documented there.