Studio Kit

CRM

Timeline

Lista vertical de interações com cliente (WhatsApp, e-mail, ligação, reunião, nota). Linha do tempo com ícone por tipo, data formatada e ação de remoção opcional.

npx shadcn add @studio/timeline

Interações do cliente

  1. Reunião

    Primeira call de apresentação. Cliente quer redesign completo do site e automação de captação.

  2. WhatsApp

    Enviou referências visuais no grupo. Gosta de sites mais escuros com tipografia grande.

  3. E-mail

    Proposta enviada. Aguardando feedback em até 3 dias úteis.

  4. Nota

    Lembrar de mencionar o pacote de IA na próxima call.

Props

Prop Tipo Descrição
events TimelineEvent[] Lista de interações (id, tipo, descricao, data)
onRemove (id: string) => void Callback ao remover uma interação (opcional)
className string Classes adicionais no container