Navigation
Button

Button

A control that triggers an action. Button labels should express what action will occur when the user interacts with it.

Usage

import { Button } from "@skyltmax/ds9"

Examples

Basic

The basic Button has a slightly animated look.

Code

Disabled

Disabled buttons indicate that the action is unavailable and do not respond to any interaction.

Code

Variants

Code

Sizes

Code

Dark background

On permanently dark backgrounds the button can be forced to use a fitting variant.

Code