Scroll Area

<primitives:scrollArea.root class="h-50 max-w-90">
    <primitives:scrollArea.viewport class="overscroll-contain border rounded-md peer">
        <primitives:scrollArea.content>
            <div class="py-3 pr-6 pl-4 text-sm leading-[1.375rem]">
                <p>
                    Fugiat adipisicing dolor ut irure. Ut aute Lorem labore est aute quis officia quis consectetur in amet id velit dolore. Occaecat labore adipisicing nostrud veniam. Eu non tempor ipsum. Sunt irure enim enim sint magna laboris ex tempor excepteur nulla est amet culpa. Voluptate esse aliquip veniam eu qui aute culpa ea irure eiusmod labore esse quis. Laboris sit cupidatat labore cillum veniam tempor commodo magna ullamco sunt velit dolore eu.
                </p>
                <p>
                    Est nulla commodo laboris velit ipsum dolore. Magna id anim Lorem labore minim aute irure laboris. Velit elit duis exercitation duis mollit enim cupidatat consectetur mollit non officia deserunt fugiat do deserunt. Pariatur deserunt enim reprehenderit deserunt incididunt magna culpa duis officia aute eu. Occaecat officia est quis nulla minim amet occaecat cillum sunt excepteur. Nisi reprehenderit mollit cupidatat et elit commodo veniam consectetur. Commodo irure amet ullamco consequat nostrud Lorem pariatur.
                </p>
            </div>
        </primitives:scrollArea.content>
    </primitives:scrollArea.viewport>
    <primitives:scrollArea.scrollbar class="flex justify-center w-1 m-1.5 bg-secondary rounded-md opacity-0 transition-opacity data-[hover]:opacity-100 data-[dragging]:opacity-100 peer-focus-visible:opacity-100 data-[orientation=vertical]:not-[[data-overflow-y]]:hidden data-[orientation=horizontal]:not-[[data-overflow-x]]:hidden">
        <primitives:scrollArea.thumb class="w-full rounded-[inherit] bg-foreground/60 hover:bg-foreground/70 data-[dragging]:bg-foreground/80" />
    </primitives:scrollArea.scrollbar>
</primitives:scrollArea.root>

<vite:asset entry="EXT:fluid_primitives/Resources/Public/JavaScript/dist/scroll-area.entry.js" />