Layout overview

Overview

A full-width dashboard page that demonstrates how the PUI shell can host lists, tabs, alerts, menus, and action groups without leaning on a secondary sidebar.

A realistic dashboard surface

The content area now spans the full shell width and shows buttons, alerts, list items, tabs, and menus in ordinary application patterns.

Open tasks

128

+14%

Deploys

Stable

Incidents

-2

Shell behavior stays reusable, page content stays app-owned.

The sidebar, header toggle, menus, and breadcrumb are shared primitives while each route showcases its own component composition.

Launch checklist

Form fields, radios, select, and switches grouped in one flow

Use PUI inputs for basic data capture, then pair them with alerts and buttons for guided submission flows.

Ready

Component review queue

Dropdown actions attached to list items without extra layout wrappers

Menu buttons, hover states, and status chips sit directly inside each list row so the examples feel like actual product UI.

12 open

Release prep

Tabs for context switching and alerts for stateful status messaging

The same primitives work in summary cards, content panels, and sticky headers without changing the shell theme.

Live

Use tabs when one workspace needs multiple dense panels without sending the user to another route.

Primary handoff

Pair one primary button with a quieter outline action to keep hierarchy clear.