ExamplesLayout

Layout — utility buttons

Icon actions with shared tooltip and loading behavior (back, docs, refresh).

Use Refresh to see the shared loading spinner and disabled state.

What this demonstrates

The preview composes three independent actions: GoBackButton uses a fallback route, DocsIconButton links to the relevant documentation, and RefreshIconButton owns its pending and disabled state while the host application performs the refresh.

Replace the demo timeout with a real refetch or mutation. Keep the callback idempotent because users can activate refresh repeatedly after the pending state finishes.

Shell — top navigation

No sidebar; horizontal links under the header.

DataTable — basic

Columns, row selection, and toolbar with client-only state.

On this page

What this demonstratesRelated