# LegalPage
> A legal document page with a switcher between documents, the updated date, a draft notice, numbered sections with copyable anchors and a section rail.
Source: https://docs.nasaqui.com/components/legal-page
## Install
```bash
npx shadcn@latest add https://docs.nasaqui.com/r/legal-page.json
```
Terms of service, privacy policy, cookie policy: long documents people search for one clause in. The page has a switcher between the documents, the date it was last updated, an optional draft notice, numbered sections whose headings are `#anchors` with a copy-link button, and an "On this page" rail. The text sits in one readable column of about 68 characters.
## When to use
- Public legal pages of a product.
- Any long policy or agreement where clause links get shared.
## When not to use
- Product documentation: use [docs-shell](https://docs.nasaqui.com/components/docs-shell).
- A blog article: use [blog-post](https://docs.nasaqui.com/components/blog-post).
- The cookie banner: use [cookie-consent](https://docs.nasaqui.com/components/cookie-consent).
## Import
```tsx
import { LegalPage } from "@fadymondy/nasaq/web";
// inside this monorepo: "@nasaq/web"
```
## Quick start
```tsx
import { LegalPage } from "@fadymondy/nasaq/web";
export function Terms() {
return (
);
}
```
## Anatomy
```
LegalPage data-slot="legal-page"
├─ switcher