cosmemilton-ui/clientFeedback & overlays

CmCollapsible

Use para revelar detalhes pontuais sem a estrutura de multiplos itens de um accordion.

Import

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

Detalhes recolhiveis

O score considera volume de compras, atrasos, limite aprovado e recorrencia nos ultimos 90 dias.

tsx
import { CmCollapsible } from "cosmemilton-ui/client";
import { CmBadge, CmStack, CmText } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmCollapsible
      defaultOpen
      trigger={
        <CmStack gap="xs">
          <CmBadge tone="info">Detalhes</CmBadge>
          <CmText weight="semibold">Como o score foi calculado?</CmText>
        </CmStack>
      }
    >
      <CmText tone="muted">
        O score considera volume de compras, atrasos, limite aprovado e recorrencia nos ultimos 90 dias.
      </CmText>
    </CmCollapsible>
  );
}

API rapida

CmCollapsible

triggerchildrendefaultOpenclassName