Button

A clickable element. Renders as <button> without a destination, or as <a> with one. With → [modal: name] it opens a native dialog.

Basic usage

button: Submit
button: Get Started → /signup

Style modifiers

primary button: Submit
outline button: Cancel
ghost button: Learn More
danger button: Delete Account
success button: Confirm

Size modifiers

small button: Dismiss
large button: Get Started

Full width

full primary button: Continue

State modifiers

disabled button: Unavailable
loading button: Saving...

Combining modifiers

One size + one style (modifiers before the keyword, left to right):

large primary button: Get Started → /signup
small outline button: Cancel
full danger button: Delete Account
small ghost button: Skip

Modal trigger

Use → [modal: name] to open a modal. Uses the Invoker Commands API — Chrome 135+.

primary button: Open form → [modal: contact]

modal: contact
  ## Contact Us
  email input: Your email...
  full blue primary button: Send

With emojis

button: 🗑️ Delete
button: ⚙️ Settings
button: ← Back → /home

Reference

Category	Options
Style	primary, outline, ghost, danger, success
Size	small, large
Width	full
State	disabled, loading
Color	blue, red, green, yellow, purple, gray