@add-ideas/toolbox-shell-react (0.2.0)

2026-07-23T00:11:50+02:00

Setup this registry in your project .npmrc file:

@add-ideas:registry=

To install the package using npm, run the following command:

npm install @add-ideas/toolbox-shell-react@0.2.0

or add it to the package.json file:

"@add-ideas/toolbox-shell-react": "0.2.0"

For more information on the npm registry, see the documentation.

@add-ideas/toolbox-shell-react

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.

Dependencies

ID	Version
@add-ideas/toolbox-contract	0.2.0

Peer Dependencies

ID	Version
react	>=18 <20
react-dom	>=18 <20

toolbox react application-shell typescript

Details

npm

2026-07-23 00:11:50 +02:00

0

Project Site

Apache-2.0

15 KiB

Assets (1)

toolbox-shell-react-0.2.0.tgz 15 KiB

Versions (5) View all

0.2.2

2026-07-23

0.2.1

2026-07-23

0.2.0

2026-07-23

0.1.1

2026-07-20

0.1.0

2026-07-20

@add-ideas/toolbox-shell-react (0.2.0)

Installation

About this package

@add-ideas/toolbox-shell-react

Dependencies

Keywords