← 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

Prop Type Default Description
content string — Button text (slot takes priority)
href string — If set, renders as <a> instead of <button>
variant 'primary' | 'secondary' | 'inverse' 'primary' Visual style
size 'standard' | 'large' | 'xlarge' 'standard' Button size
disabled boolean false Disables the button

Live Examples

Variants

Sizes