Installation
- CLI
- Manual
Usage
showLineNumbers
showLineNumbers
Examples
Horizontal Scrolling
Set theorientation prop to "horizontal" to enable horizontal scrolling.
Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Augments native scroll functionality for custom, cross-browser styling.
npx shadcn-svelte@next add scroll-area
Install bits-ui
npm install bits-ui -D
Copy and paste the component source
<script lang="ts">
import { ScrollArea } from "$lib/components/ui/scroll-area/index.js";
</script>
<ScrollArea class="h-[200px] w-[350px] rounded-md border p-4">
Jokester began sneaking into the castle in the middle of the night and
leaving jokes all over the place: under the king's pillow, in his soup, even
in the royal toilet. The king was furious, but he couldn't seem to stop
Jokester. And then, one day, the people of the kingdom discovered that the
jokes left by Jokester were so funny that they couldn't help but laugh. And
once they started laughing, they couldn't stop.
</ScrollArea>
orientation prop to "horizontal" to enable horizontal scrolling.