cosmemilton-ui/serverDados & visualizacao

CmIconBadge

Use como apoio visual em metricas, listas e cabecalhos sem criar um botao.

Import

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

Tons e tamanhos

+ok!xi
tsx
import { CmIconBadge, CmRow } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmRow gap="sm" align="center" wrap>
      <CmIconBadge tone="primary" icon="+" />
      <CmIconBadge tone="success" icon="ok" />
      <CmIconBadge tone="warning" icon="!" />
      <CmIconBadge tone="danger" icon="x" />
      <CmIconBadge tone="info" size="md" icon="i" />
    </CmRow>
  );
}

API rapida

CmIconBadge

icontonesize