shadcn/ui 中文文档 | 构建你自己的组件库

Button 按钮

可点击的交互元素，支持多种样式变体。

交互预览区

样式变体 (Variant)

大小尺寸 (Size)

组件代码

import { Button } from "@/components/ui/button"

export default function ButtonDemo() {
  return (
    <Button variant="default" size="default">
      点击按钮
    </Button>
  )
}