WireScript
Components

button

Interactive button with variants.

Interactive button with multiple visual variants and states.

Usage

Variants

States

Sizing

; Navigate to screen
(button "Go to Dashboard" :primary :to dashboard)

; Open overlay
(button "Open Modal" :ghost :to "#my-modal")

; Close overlay
(button "Close" :ghost :to :close)

Properties

accepts contentaccepts children

Alignment

PropertyTypeDefault
:startflag-
:centerflag-
:endflag-

Sizing

PropertyTypeDefault
:fullflag-
:fitflag-
:fillflag-

Dimensions

PropertyTypeDefault
:widthany-
:heightany-

Variants

PropertyTypeDefault
:primaryflag-
:secondaryflag-
:ghostflag-
:dangerflag-
:successflag-
:warningflag-
:infoflag-

State

PropertyTypeDefault
:disabledflag-
:loadingflag-
:activeflag-

Navigation

PropertyTypeDefault
:totarget-

Content

PropertyTypeDefault
:iconany-

Examples

Button Group

All Variants

With Icons

(box :row :gap 8
  (button "Edit" :ghost)
  (button "Delete" :danger)
  (button "Share" :secondary))

Form Actions

Loading State

On this page