Core UI
Button Set
One button primitive covering primary/secondary/ghost/destructive variants, three sizes, a loading spinner state, and an icon-only mode.
$ velocityx add button-setBuilt for astro.
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| variant | 'primary' | 'secondary' | 'ghost' | 'destructive' | No | 'primary' | |
| size | 'sm' | 'md' | 'lg' | No | 'md' | |
| href | string | No | ||
| type | 'button' | 'submit' | 'reset' | No | 'button' | |
| loading | boolean | No | false | |
| disabled | boolean | No | false | |
| icon | boolean | No | false | |
| aria-label | string | No | ||
| class | string | No | '' |
File this creates
The CLI writes this path into your project, relative to its root — nothing else moves.
components/velocity/button-set/ButtonSet.astroUsing the Button Set component
Install it with velocityx add button-set.
The CLI writes the source straight into your project — no runtime dependency, no registry
lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.
Related components
More from Core UI.
Single avatar or an overlapping stack with a plus-N overflow chip, falling back to deterministic initials-over-tint when no image is given.
astroSingle pill component covering solid, soft, and outline badge variants across brand and semantic tones, with an optional removable tag mode.
astroStatic breadcrumb trail with BreadcrumbList microdata that collapses the middle segments into an ellipsis on long paths.
astroCentred placeholder for an empty list, table, or panel with an icon slot, title, description, and action slot.
astro