# Dashboard shell

> The frame of a signed-in app: top bar with search and the account menu, a side column on wide screens, a bottom bar on a phone.

Source: https://ritla.app/ui/blocks/dashboard-shell

Live preview: https://ritla.app/_kanz/preview/ltr/block-dashboard-shell

## Installation

Installing from the registry opens at launch. These are the commands you will run.

```bash
npx ritla add dashboard-shell
```

With the shadcn CLI instead:

```bash
npx shadcn@latest add @ritla/dashboard-shell
```

## Built from

- [Avatar](https://ritla.app/ui/avatar.md)
- [Button](https://ritla.app/ui/button.md)
- [Menu Button](https://ritla.app/ui/menu-button.md)
- [Navigation Bar](https://ritla.app/ui/navigation-bar.md)
- [Search Field](https://ritla.app/ui/search-field.md)

## Arabic and RTL notes

Mirrors:

- The side column stands on the right in Arabic and the account menu opens toward the inside.

Does not mirror:

- Icons in the navigation do not flip, except directional ones.