# View

The `View` component houses global components common to all views, such as notifications and dialogs. It handles errors, sets the document title, and renders the specified layout. The view and its props are rendered by the router.

{% hint style="info" %}
Props are passed to this component automatically from the [router](https://docs.usegravity.app/gravity-web/routing). 
{% endhint %}

### Usage

```javascript
import { View } from 'components/lib';
import { DashboardView } from 'views/dashboard';

function MyApp() {
  return (
    <View
      title="Dashboard"
      layout="app"
      display={ DashboardView }
      data={ dashboardData }
    />
  );
}
```

## Props

| Prop    | Description             | Required | Value                                |
| ------- | ----------------------- | -------- | ------------------------------------ |
| display | view component          | required | component                            |
| layout  | layout component to use | required | string (account/app/auth/onboarding) |
| title   | document title          | required | string                               |

### Notes

* The `View` component relies on `ViewContext` for managing notifications, dialogs, and error handling.
* The component uses `useTranslation` for internationalization and `useToast` for toast notifications.
* Layouts include `AppLayout`, `AuthLayout`, `AccountLayout`, and `OnboardingLayout`.