# Scroll Area

Augments native scroll functionality for custom, cross-browser styling.

- Install: `php artisan blatui:add scroll-area`
- Source: https://blatui.remix-it.com/r/scroll-area.json
- Composer: `composer require gehrisandro/tailwind-merge-laravel`

## resources/views/components/ui/scroll-area.blade.php

```blade
<div data-slot="scroll-area" {{ $attributes->twMerge('relative') }}>
    <div
        data-slot="scroll-area-viewport"
        tabindex="0"
        role="region"
        class="size-full rounded-[inherit] overflow-auto outline-none transition-[color,box-shadow] focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-1 [scrollbar-width:thin] [scrollbar-color:var(--border)_transparent]"
    >
        {{ $slot }}
    </div>
</div>
```