Button

The button component is used to trigger an event.

Basic

Loading

When loading the button will maintain its original size to prevent layout shift.

Disabled

Colors

Ghost

Reverses the color fill.

Sizes

Square

Sometimes you need a button to be square the `square` attribute persists the `min-h` set by size but also adds a `min-w` matching the `min-h` this gives you square buttons without issues with overflow.

Use as Link

To use a button as an anchor tag just assign its `href` attribute and it will become an a tag. You can also use `target="_blank"` to navigate to the link in a new window.

Align

Sometimes you may want to align the content differently like if you are using the `tab` color. Set `align` to change the alignment.