Ping

Display

Animated status dot with intent colors and optional static/pulse modes.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/ping

Instalação via CLI

$ npx kikitocn add ping

Exemplo de uso

PingExample.tsx

import { Ping } from "@/components/ui/cn/ping/Ping";

export function PingExample() {
  return (
    <Ping />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`intent`	`'primary' \| 'success' \| 'warning' \| 'danger' \| 'info' \| 'neutral'`	`'primary'`	Cor do ponto
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do ponto
`animate`	`boolean`	`true`	Ativar animação de pulso
`children`	`React.ReactNode`	—	Conteúdo (o dot aparece como overlay)
`className`	`string`	—	Classes CSS extras

Carregando…