cosmemilton-ui/serverDados & visualizacao

CmItem

Use como unidade de listas densas, historicos e resultados de busca.

Import

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

Lista de atividades

Pedido #1048 aprovadoAcme Ltda. - R$ 1.280,00
Hoje
Contrato enviadoAurora Foods aguarda assinatura
Pendente
Nova mensagemNimbus Tech solicitou ajuste de prazo
10:42
tsx
import { CmBadge, CmItem, CmStack } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="sm">
      <CmItem title="Pedido #1048 aprovado" description="Acme Ltda. - R$ 1.280,00" meta={<CmBadge tone="success">Hoje</CmBadge>} />
      <CmItem title="Contrato enviado" description="Aurora Foods aguarda assinatura" meta={<CmBadge tone="warning">Pendente</CmBadge>} />
      <CmItem title="Nova mensagem" description="Nimbus Tech solicitou ajuste de prazo" meta="10:42" />
    </CmStack>
  );
}

API rapida

CmItem

titledescriptionmetaclassName