Pesto UI

Button

Pill-shaped by default. Seven variants and a full size range, including squircle icon buttons.

tsx
import { Button } from "@pestoui/core"

Variants

Sizes

With icons & icon buttons

Icon buttons are squircles — explicit pixel radii so the token scale can’t collapse them into circles.

Props

PropTypeDefaultDescription
variant"default" | "outline" | "secondary" | "ghost" | "destructive" | "inverse" | "link""default"Visual style.
size"xs" | "sm" | "default" | "lg" | "xl" | "icon" | "icon-sm" | "icon-lg" | "icon-round""default"Height / padding. icon-* are squircles; icon-round is the opt-in circle.
asChildbooleanfalseRender the child element instead of a <button> (e.g. an <a>).
PreviousBreadcrumbNext Button Group

Pesto UI · 117 documented components