Button

Displays a button or a component that looks like a button.

badge-variants

Default

Secondary

Destructive

Outline

React

import { Badge } from "@backend-ai/ui/components";

const BadgeExamples = () => {
  return (
    <div className="flex items-center space-x-2">
      <Badge variant="default">
        <p>Default</p>
      </Badge>
      <Badge variant="secondary">
        <p>Secondary</p>
      </Badge>
      <Badge variant="destructive">
        <p>Destructive</p>
      </Badge>
      <Badge variant="outline">
        <p>Outline</p>
      </Badge>
    </div>
  );
};

export default BadgeExamples;