Projection UI
Components

Button

Projection UI 0.2.0 Alpha

Read this page as Markdown

These contracts describe the evolving 0.2.0 Alpha edition. Read Installation to select the matching alpha package or the stable documentation.

Component contract

Required propsOptions and defaults
NoneNative button attributes; variant="secondary", appearance="solid", size="md", block=false

Shared application peers: react >=19.0.0, react-dom >=19.0.0. Your application supplies React 19 and React DOM 19.

Read the full component reference for supported values and interaction behavior.

Examples

Button: Primary

Loading example…
Open Button: Primary in the component explorer

Button: Secondary

Loading example…
Open Button: Secondary in the component explorer

Button: Ghost

Loading example…
Open Button: Ghost in the component explorer

Button: Danger

Loading example…
Open Button: Danger in the component explorer

Button: Small

Loading example…
Open Button: Small in the component explorer

Button: Large

Loading example…
Open Button: Large in the component explorer

Button: Disabled

Loading example…
Open Button: Disabled in the component explorer

Button: Block

Loading example…
Open Button: Block in the component explorer

Button: Keyboard Activation

Loading example…
Open Button: Keyboard Activation in the component explorer

Font licenses

On this page