Recurso
Base

Estratégia de ícones

A biblioteca usa lucide-react internamente para affordances e deixa a escolha de ícones de produto para a aplicação. Use CmIcon somente se o projeto instalar o peer opcional @iconify/react.

CmIcon com Iconify

Snippets

Trechos prontos para colar no projeto.

CmIcon exige peer opcional

bash
npm install @iconify/react

Ícone como ReactNode

tsx
import { CmButton } from "cosmemilton-ui/client";

export function ExportAction() {
  return <CmButton icon="+">Novo</CmButton>;
}

Notas

Aviso: `CmIcon` depende de `@iconify/react`, que é peer opcional. Sem esse pacote instalado, não copie exemplos que importam `CmIcon`.

Instale apenas a biblioteca de ícones que seu produto usa. Para não usar Iconify, passe um ícone como `ReactNode` nas props de ícone dos componentes.