Button

@randall-enterprises/ui/components/primitives/button

Variants, tones, and sizes. The resting border is a 1px inset ring, not a border.

Props (5)

Inherits everything from <button> props.

loadingboolean

asChildboolean

tone"critical" | "success" | (string & {})`critical`, `success`, a tone token (`blue`, `warning`), or any CSS colour.

variant=default

variant=secondary

variant=outline

variant=link

tone · any tone token or css colour

size · text

size · icon

asChild · renders the child element with button styling