Button

A wrapper around React Aria’s Button component. Handles keyboard, mouse, and touch activation with full accessibility support.

Add via CLI

npx @a2ra/cli add button

Variants

Sizes

Disabled state

Example JSON

{
  "type": "Button",
  "props": {
    "variant": "primary",
    "size": "md"
  },
  "children": "Save changes"
}

Props

Prop	Type	Description
variant	primary secondary default danger ghost	Visual style
size	sm md default lg	Button size
isDisabled	true false default	Prevents interaction and applies disabled styles
isPending	true false default	Shows a loading indicator; disables the button
type	button default reset submit	HTML button type
name	string	Form field name
value	string	Form field value
children	string node[]	Button label text or child nodes

Notes

• Use type: "submit" inside a Form node to trigger form submission.
• isPending disables the button and shows a spinner; use it while an async action is running.
• variant: "ghost" renders no background or border; suitable for icon buttons inside toolbars.