# Scroll Area Standard 1 - Basic

> Basic ScrollArea.

A shadcn/ui block from the [@shadcnblocks](https://shadcnblocks.com) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcnblocks/scroll-area-scroll-area-standard-1).

- Page, with a live preview: https://shadcn.exchange/r/shadcnblocks/scroll-area-scroll-area-standard-1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcnblocks/scroll-area-scroll-area-standard-1-light-9f6d0883549aff5a.png
- Registry item: https://shadcnblocks.com/r/scroll-area-scroll-area-standard-1.json
- Listed: 2026-10-13, source last changed 2026-10-13

## Install

```bash
npx shadcn@latest add https://shadcnblocks.com/r/scroll-area-scroll-area-standard-1.json
```

Run it in a project that has shadcn/ui set up. It adds the files below and installs what they depend on.

## Dependencies

- Registry items: `scroll-area`

## Files

### `example/scroll-area/scroll-area-standard-1.tsx`

```tsx
import { ScrollArea } from "@/components/ui/scroll-area";

export const title = "Basic ScrollArea";

const Example = () => (
  <ScrollArea className="h-72 w-full max-w-md rounded-md border">
    <div className="p-4">
      <h4 className="mb-4 text-sm leading-none font-medium">
        Terms of Service
      </h4>
      <div className="space-y-4 text-sm text-muted-foreground">
        <p>
          Welcome to our service. By accessing or using our service, you agree
          to be bound by these Terms of Service and all applicable laws and
          regulations.
        </p>
        <p>
          You must be at least 18 years old to use this service. By using this
          service, you represent and warrant that you are at least 18 years of
          age.
        </p>
        <p>
          We reserve the right to modify or discontinue, temporarily or
          permanently, the service (or any part thereof) with or without notice.
        </p>
        <p>
          You agree not to reproduce, duplicate, copy, sell, resell or exploit
          any portion of the service without express written permission by us.
        </p>
        <p>
          We reserve the right to refuse service to anyone for any reason at any
          time. You understand that your content may be transferred unencrypted
          and involve transmissions over various networks.
        </p>
        <p>
          We do not warrant that the service will be uninterrupted, timely,
          secure, or error-free. You agree that from time to time we may remove
          the service for indefinite periods of time or cancel the service at
          any time.
        </p>
        <p>
          You agree to indemnify and hold us and our affiliates, officers,
          agents, and employees harmless from any claim or demand, including
          reasonable attorneys' fees, made by any third party due to or arising
          out of your breach of these Terms of Service.
        </p>
      </div>
    </div>
  </ScrollArea>
);

export default Example;
```