Button
docs/src/components/ui/button/Button.astro
Use Button for every action on zinn.sh. Given href, it renders a link. Otherwise it renders a button whose type defaults to button.
Ghost suits actions inside other components, and ghost-inverted is the same on Soot. Solid and outline suit actions that stand on their own. Labels use MonoMMM at every size.
A class passed to Button replaces any conflicting class from its variant or size.
Variants and sizes
| variant | size="default" | size="large" | size="icon" | size="responsive-icon" |
|---|---|---|---|---|
| variant="ghost" | ||||
| variant="ghost-inverted" | ||||
| variant="solid" | ||||
| variant="outline" |