Images Badge

Display

Rounded badge with an overlapping avatar stack and label — adapted from Aceternity UI.

Selo com pasta de avatares — passe o mouse pra abrir

+230 pessoas usando agora

Instalação via CLI

$ npx kikitocn add images-badge

Interno:

@/lib/utilsmotion

Exemplo de uso

Images BadgeExample.tsx

import { ImagesBadge } from "@/components/ui/cn/images-badge/ImagesBadge";

export function ImagesBadgeExample() {
  return (
    <ImagesBadge text="Exemplo" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`text*`	`string`	—	Texto ao lado da pilha de avatares
`images*`	`string[]`	—	URLs dos avatares (até 3, o excedente é descartado)
`href`	`string`	`undefined`	Torna o badge um link
`target`	`string`	`undefined`	target do link, quando href é informado
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…