Tag Cloud

Display

Word cloud with size weight scaling and optional random rotation.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/tag-cloud

Instalação via CLI

$ npx kikitocn add tag-cloud

Exemplo de uso

Tag CloudExample.tsx

import { TagCloud } from "@/components/ui/cn/tag-cloud/TagCloud";

export function TagCloudExample() {
  return (
    <TagCloud />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`TagCloudItem[]`	—	Array de { label, weight, href? }
`minSize`	`number`	`0.75`	Tamanho mínimo de fonte (rem)
`maxSize`	`number`	`2.5`	Tamanho máximo de fonte (rem)
`randomRotate`	`boolean`	`false`	Rotação aleatória nas tags
`onClick`	`(item: TagCloudItem) => void`	—	Callback ao clicar em uma tag
`className`	`string`	—	Classes CSS extras

Carregando…