Carregando…Carregando…Carregando…Carregando…Colored dot presence badge with optional pulse animation and label.
Status Badge — colored presence dot with optional pulse and label
$ npx kikitocn add status-badgeimport { StatusBadge } from "@/components/ui/cn/status-badge/StatusBadge";
export function StatusBadgeExample() {
return (
<StatusBadge />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
status* | 'online' | 'offline' | 'busy' | 'away' | 'idle' | — | Estado de presença |
size | 'sm' | 'md' | 'lg' | 'md' | Tamanho do badge |
showLabel | boolean | false | Exibir texto do status |
pulse | boolean | false | Animar com pulso para status online |
className | string | — | Classes CSS extras |