Skip to content
ChatKit

Badge

type Badge = {
  color?: 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'discovery';
  id?: string;
  key?: string;
  label: string;
  pill?: boolean;
  size?: 'sm' | 'md' | 'lg';
  type: 'Badge';
  variant?: 'solid' | 'soft' | 'outline';
};

Properties

Section titled “Properties”

color?

Section titled “color?”
optional color: "secondary" | "success" | "danger" | "warning" | "info" | "discovery";

id?

Section titled “id?”
optional id: string;

key?

Section titled “key?”
optional key: string;

label

Section titled “label”
label: string;

pill?

Section titled “pill?”
optional pill: boolean;

size?

Section titled “size?”
optional size: "sm" | "md" | "lg";

type

Section titled “type”
type: 'Badge';

variant?

Section titled “variant?”
optional variant: "solid" | "soft" | "outline";