Fabrials UI

Loading state

Workspace

Synthetic task. No account is connected.

Installation

Import the control from @fabrials/ui, after setting the app up.
TypeScript
```
import { WorkspaceShell } from "@fabrials/ui";
```

API reference

Prop / export	Type	Description
`navigation`	`ReactNode`	The product's nav.
`header`	`ReactNode`	Tools for the current page.
`children`	`ReactNode`	The task.

Behavior

The host owns routes, the active item, authentication and window chrome. Mail keeps its own panes. Marketing pages do not use this shell.

Accessibility

Keyboard and contrast

Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.