@neynar/ui/llm-docs/scroll-area-thumb.llm.md

React UI component library built on shadcn/ui and Tailwind CSS

# ScrollAreaThumb

**Type**: component

ScrollAreaThumb - The draggable thumb element within the scrollbar Represents the current scroll position and can be dragged to scroll content. Usually styled automatically as part of the ScrollBar component, but can be customized for specific design requirements.

## JSX Usage

```jsx
import { ScrollAreaThumb } from '@neynar/ui';

<ScrollAreaThumb
  asChild={true}
  className="value"
/>
```

## Component Props

### asChild
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available

### className
- **Type**: `string`
- **Required**: No
- **Description**: No description available

## Examples

```tsx
// Custom scrollbar with styled thumb
const CustomScrollbar = ({ orientation = "vertical" }) => (
  <ScrollAreaPrimitive.ScrollAreaScrollbar orientation={orientation}>
    <ScrollAreaThumb className="bg-blue-500 hover:bg-blue-600 active:bg-blue-700" />
  </ScrollAreaPrimitive.ScrollAreaScrollbar>
);
```