# ScrollAreaProps

Source: /tuil/docs/reference/components/layout/scroll-area-props
Locale: en

ScrollAreaProps component contract.



{/* Generated by tooling/docs/generate-reference.ts. */}

## Type [#type]

```ts
export interface ScrollAreaProps {
  readonly lines: readonly string[];
  readonly height: number;
  readonly offset?: number;
  readonly label?: string;
  readonly id?: string;
  readonly onOffsetChange?: (offset: number) => void | Promise<void>;
  readonly sticky?: "top" | "bottom";
}
```

## Members [#members]

| Member           | Type                                                       | Required | Description                                                                                               | Related types |
| ---------------- | ---------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------------------- | ------------- |
| `lines`          | `readonly string[]`                                        | Yes      | The `lines` member uses the `readonly string[]` contract.                                                 | —             |
| `height`         | `number`                                                   | Yes      | The `height` member uses the `number` contract.                                                           | —             |
| `offset`         | `number \| undefined`                                      | No       | The `offset` member uses the `number \| undefined` contract.                                              | —             |
| `label`          | `string \| undefined`                                      | No       | The `label` member uses the `string \| undefined` contract.                                               | —             |
| `id`             | `string \| undefined`                                      | No       | The `id` member uses the `string \| undefined` contract.                                                  | —             |
| `onOffsetChange` | `((offset: number) => void \| Promise<void>) \| undefined` | No       | The `onOffsetChange` member uses the `((offset: number) => void \| Promise<void>) \| undefined` contract. | —             |
| `sticky`         | `"top" \| "bottom" \| undefined`                           | No       | The `sticky` member uses the `"top" \| "bottom" \| undefined` contract.                                   | —             |

## Source [#source]

[View the secondary source reference](https://github.com/mwillbanks/tuil/blob/main/registry/layout/panes.tsx)