Checklist

Display

Interactive task checklist with progress bar, strikethrough and 4 intent colors.

Instalação via CLI

$ npx kikitocn add checklist

Interno:

@/lib/utils

Exemplo de uso

ChecklistExample.tsx

import { Checklist } from "@/components/ui/cn/checklist/Checklist";

export function ChecklistExample() {
  return (
    <Checklist />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`ChecklistItem[]`	—	Lista de tarefas: { id, label, checked?, description? }
`onChange`	`(items: ChecklistItem[]) => void`	`undefined`	Callback quando um item é marcado/desmarcado
`showProgress`	`boolean`	`false`	Exibe barra de progresso no topo
`intent`	`'primary' \| 'success' \| 'warning' \| 'danger'`	`'primary'`	Cor dos checkmarks e barra de progresso
`strikethrough`	`boolean`	`true`	Aplica tachado nos itens marcados

Carregando…