Tag Cloud

Display

Word cloud with size weight scaling and optional random rotation.

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, intent?, href? }
`minSize`	`number`	`12`	Tamanho mínimo de fonte em px
`maxSize`	`number`	`28`	Tamanho máximo de fonte em px
`randomRotate`	`boolean`	`false`	Rotação aleatória nas tags
`onClick`	`(item: TagCloudItem) => void`	—	Callback ao clicar em uma tag
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Carregando…

Default