cosmemilton-ui/clientFormularios

CmCheckbox

Use para selecoes booleanas independentes, com texto de apoio quando a decisao precisa de contexto.

Import

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

Preferencias

tsx
import { CmCheckbox } from "cosmemilton-ui/client";
import { CmStack } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="sm">
      <CmCheckbox
        defaultChecked
        label="Receber resumo diario"
        description="Envia um e-mail com pendencias e indicadores da operacao."
      />
      <CmCheckbox
        label="Exigir aprovacao manual"
        description="Pedidos acima do limite ficarao em revisao."
      />
      <CmCheckbox presentation="compact" label="Modo compacto" />
    </CmStack>
  );
}

API rapida

CmCheckbox

labeldescriptionpresentationchecked/defaultChecked