Skip to content

Button

Triggers an action. Six emphasis levels, five sizes with icon-only counterparts and an optional count chip.

Button

Installation

pnpm dlx shadcn@latest add @sortui/button

Usage

import {
  Button,
} from "@/components/ui/button"

Examples

Variants

Sizes

Icon only

Leading icon

Trailing icon

Social

Loading

Disabled

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access