Button Component

A <Button> acts just like a link, but is styled like a button

Syntax

<Button href="https://www.example.com">My button</Button>

Size

You can adjust the button's size with the size=".." attribute. The size must be sm, md, or lg.

<Button size="lg" href="/">My button</Button>

Variant

You can change the style of the button with the variant=".." attribute.

<Button variant="secondary" href="/">My button</Button>

Width

You can make the button full width by specifying width="full".

<Button width="full" href="/">My button</Button>

Target

If you want your button to open the link in a new tab, you can set target="_blank".

<Button target="_blank" href="/">My button</Button>