Button

A compact action button tuned for chat toolbars and inline AI surfaces.

Anatomy

A single element that triggers an action. Use it for send, regenerate, copy, and other one-shot operations that sit near a message or input. Pair an icon with a label for primary actions, or drop the label entirely for a tight icon-only control in dense toolbars.

TSX


For an icon-only control, set iconOnly and provide an aria-label.


TSX


For a long-running action, flip loading on while the request is in flight. The label stays in place so the button keeps its width, with a spinner centered over the top.


TSX


API


Reference for each part of the component, including its available props and behavior.


Button


The button itself. Forwards all native button props. SVG children are auto-sized and laid out with a small gap from the label.


Prop