import * as React from "react"
import { ScrollArea } from "@/components/ui/scroll-area"
import { Separator } from "@/components/ui/separator"安装
使用方法
import { ScrollArea } from "@/components/ui/scroll-area"<ScrollArea className="h-[200px] w-[350px] rounded-md border p-4">
这里是你的可滚动内容。
</ScrollArea>示例
横向滚动
使用带有 orientation="horizontal" 的 ScrollBar 来实现横向滚动。
import * as React from "react"
import Image from "next/image"
import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area"API 参考
请参阅 Radix UI 滚动区域 文档。