# Whiteboard Workspace block

> Whiteboard app shell with a fixed icon rail, centered board view tabs and editing-now avatars

Whiteboard workspace frame: an icon rail that becomes a left sheet below md, and 4 board views that fold into a bottom drawer below lg. Share, Export and a board menu with a Delete Board confirm. shadcn Sidebar, Drawer, Tabs, AlertDialog.

- Type: Pro block
- Category: [App Shell](https://reui.io/blocks/application/app-shell.md)
- Page: https://reui.io/blocks/application/app-shell/app-shell-35
- Docs (Base UI): https://ui.shadcn.com/docs/components/base/sidebar.md
- Docs (Radix UI): https://ui.shadcn.com/docs/components/radix/sidebar.md
- MCP: `get_block("app-shell-35")`
- Built with: Alert Dialog, Avatar, Breadcrumb, Button, Card, Drawer, Dropdown Menu, Sheet, Sidebar, Skeleton, Tabs, Tooltip
- Installs with a ReUI Pro or Ultimate license; setup: https://reui.io/docs/license-setup

## Best for

A whiteboard layout with centered Board, Outline, Comments and Activity tabs, editing now avatars and a confirmed delete that offers Undo

## Agent notes

- Replace `RAIL_PRIMARY`, `RAIL_SECONDARY`, `BOARD_NAME`, `USER` and the static `COLLABORATORS` in data.tsx with your sections, board and live presence
- Render your board in place of `ContentSkeleton`; the `BOARD_VIEWS` tabs only set `view`, so every view shows the same skeleton
- Share, Export, Duplicate, Export as Image, the confirmed Delete Board and its Undo only fire a `toast`; Help and `UserMenu` rows besides Theme have no handler

## When not to use

- A full width top bar of section pills over a grouped route sidebar: use [Ops Presence Console](https://reui.io/blocks/application/app-shell/app-shell-24.md) (`get_block("app-shell-24")`)
- A side panel of switches and layout cards that tunes how one view looks: use [View Customizer](https://reui.io/blocks/application/sheet/sheet-6.md) (`get_block("sheet-6")`)

## Install

```bash
npx shadcn@latest add @reui/app-shell-35
```

## About App Shell blocks

### When to use

- The outer layout of a multi page product: the navigation around its content area
- Dashboards and admin consoles that switch between workspaces or projects

### When not to use

- One overview page of stats, charts and tables inside your own layout: use the [Dashboard blocks](https://reui.io/blocks/application/dashboard.md)
- A top bar on its own, above a page layout you already have: use the [Navbar blocks](https://reui.io/blocks/application/navbar.md)

### Agent notes

- Shells that switch themes call `useTheme` from next-themes, so the app must mount the next-themes ThemeProvider

Every ReUI item has a twin like this one; the index is https://reui.io/llms.txt. Agents with the ReUI MCP (https://reui.io/docs/mcp) get the same guidance from the getters named above.