Buttons & Links

"A button is a widget that enables users to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.

A link provides an interactive reference to a resource. The target resource can be either external or local, i.e., either outside or within the current page or application."

If you set the to or href prop, the <Button> component will be rendered as a <NuxtLink> component.

Variants

Sizes

Font sizes

Icon sizes

Icons

Krafters.nl

Border radius

States

Disabled link