← Back to site

Button Component

The Button component is a versatile button/link element supporting multiple variants and sizes.

Import

import Button from '@mdx/Button.astro';

Props

PropTypeDefaultDescription
contentstringButton text (slot takes priority)
hrefstringIf set, renders as <a> instead of <button>
variant'primary' | 'secondary' | 'inverse''primary'Visual style
size'standard' | 'large' | 'xlarge''standard'Button size
disabledbooleanfalseDisables the button

Live Examples

Variants

Sizes