cosmemilton-ui/serverDados & visualizacao

CmIcon

CmIcon usa o peer opcional @iconify/react. Instale esse peer quando quiser renderizar icones por nome; se nao quiser adicionar essa dependencia, passe icones como ReactNode nos componentes que aceitam a prop icon.

Import

tsx
import { CmIcon } from "cosmemilton-ui/server";

Icones por nome

Instale @iconify/react no projeto para usar CmIcon.

tsx
import { CmIcon, CmRow, CmStack, CmText } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="sm">
      <CmRow gap="md" align="center" wrap>
        <CmIcon name="lucide:mail" title="E-mail" size={24} />
        <CmIcon name="lucide:calendar-days" title="Calendario" size={24} />
        <CmIcon name="lucide:shield-check" title="Seguranca" size={24} />
      </CmRow>
      <CmText tone="muted">
        Instale @iconify/react no projeto para usar CmIcon.
      </CmText>
    </CmStack>
  );
}

API rapida

CmIcon

namesizecolortitlearia-hidden

Notas

Aviso: `CmIcon` depende de `@iconify/react`, que e um peer opcional da biblioteca. Instale com `npm install @iconify/react` antes de copiar exemplos que importam `CmIcon`.

Se o projeto nao usa Iconify, prefira passar um icone como `ReactNode` diretamente em props como `icon`, `startIcon` ou `endIcon`.