Video Card

Display

Video thumbnail card with play overlay, duration badge and category pill.

Instalação via CLI

$ npx kikitocn add video-card

Exemplo de uso

Video CardExample.tsx

import { VideoCard } from "@/components/ui/cn/video-card/VideoCard";

export function VideoCardExample() {
  return (
    <VideoCard />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`src`	`string`	—	URL do vídeo — usada pro preview mudo em hover
`poster`	`string`	—	URL da thumbnail
`title`	`string`	—	Título do vídeo
`description`	`string`	—	Descrição curta
`duration`	`string`	—	Duração formatada (ex: '3:45')
`category`	`string`	—	Tag de categoria
`views`	`string \| number`	—	Contagem de visualizações
`href`	`string`	—	URL de destino ao clicar
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline pro container

Carregando…