🚧 MateChat React document is still under development
MateChat React
  • English

      • Button

      Button is a versatile button component with multiple variants and sizes, built on class-variance-authority.

      Installation

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

      Examples

      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>
  );
}

      Size Variants

      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>
  );
}

      Properties

      Button

      PropertyDescriptionTypeDefault Value