Button
A clickable action in five variants, with a tactile gel-press and an accent glow.
Install
npx shadcn add @clearly/buttonPreview
Usage
import { Button } from "@/components/ui/button"
<Button />Every Clearly component also accepts glass (subtle·medium·strong), specular and className.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "secondary" | "outline" | "ghost" | "destructive" | "link" | "default" | Visual style of the button. |
size | "default" | "xs" | "sm" | "lg" | "icon" | "default" | Control size. |
loading | boolean | false | Shows a spinner and disables interaction. |
asChild | boolean | false | Merge props onto the child element. |