19 lines
723 B
Markdown
19 lines
723 B
Markdown
# @add-ideas/toolbox-shell-react
|
|
|
|
```tsx
|
|
import { AppShell } from "@add-ideas/toolbox-shell-react";
|
|
import "@add-ideas/toolbox-shell-react/styles.css";
|
|
|
|
<AppShell app={manifest} helpAction={{ onClick: () => setHelpOpen(true) }}>
|
|
<App />
|
|
</AppShell>;
|
|
```
|
|
|
|
`AppShell` discovers `?toolbox=...` or `<meta name="toolbox">`, but continues in
|
|
standalone mode if context is absent, unavailable, cross-origin, or invalid. Its
|
|
app switcher is exposed as the accessible navigation landmark
|
|
`Toolbox applications` and all destinations use ordinary document navigation.
|
|
The shared top bar also exposes Help, Gitea source, light/dark/system
|
|
personalization, and Apps controls. `ToolboxHeader` is exported separately for
|
|
custom shells.
|