Button

A clickable action in several variants and sizes. Pick a variant for what the action means.

Installation

Copy the command below and run it in your terminal.

bunx @sivir/ui add button

Usage

Import the Button and use it in your component:

import { Button } from '$lib/sivir/components/button';

<Button>Click me</Button>

Examples

Explore the Button in different variants, sizes, and compositions.

Primary

Secondary

Outline

Ghost

Destructive

Panel

Sizes

Disabled

Leading icon

Trailing icon

Loading

Icon group