Skip to content

UI showcase

Every shared component, split across dedicated pages by category.

Variants

Six semantic variants. `default` is the only primary action colour a page should use.

Sizes

Four text sizes, plus icon-only variants of each below.

With icons

Leading, trailing, and icon-only buttons. Icon-only buttons always carry an accessible name.

States

Disabled, loading (with an async simulated action), and focus-visible — tab into the buttons above to see the ring.

Button group

Adjacent related actions, e.g. a table row's quick actions.

© 2026 Igris. All rights reserved.

v1.0.0

Command palette

Search pages and run actions