Button

A button allows a user to perform an action, with mouse, touch, and keyboard interactions.

Installation

CLI

Copy & Paste

bash

npx @sly-cli/sly add draft-ui button

Examples

Default

The default Button uses variant solid and size md.

Example

Code

Themes

You can use the variant prop to alter the Button theme. Variants solid, outline, subtle, ghost, destructive, and link are included by default.

Example

Code

Sizes

You can use the size prop to alter the Button size. Sizes xs, sm, md, and lg are included by default.

Example

Code

Disabled

Use the isDisabled prop to make the Button disabled.

Example

Code