🚧 MateChat React 文档仍在开发中
MateChat React
  • 简体中文

      • Button 按钮

      Button 组件是一个支持多种变体和尺寸的多功能按钮组件，基于 class-variance-authority 实现。

      安装

      pnpm dlx shadcn@latest add https://matechat.noctisynth.org/r/button.json

      示例

      import { Button } from "@matechat/react";

export default function () {
  return (
    <div className="flex gap-4 flex-wrap">
      <Button variant="default">Default</Button>
      <Button variant="link">Link</Button>
    </div>
  );
}

      尺寸变体

      import { Button } from "@matechat/react";

export default function () {
  return (
    <div className="flex gap-4 items-center">
      <Button size="default">Default Size</Button>
      <Button size="icon"></Button>
    </div>
  );
}

      参数

      Button

      属性说明类型默认值