cosmemilton-ui/clientFormularios

CmSwitch

Use para preferencias e configuracoes que entram em vigor como ligado/desligado.

Import

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

Configuracoes

Notificacoes ativas

Aprovacao automatica

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

export default function Example() {
  return (
    <CmStack gap="md">
      <CmRow gap="sm" align="center">
        <CmSwitch defaultChecked name="notifications" />
        <CmText>Notificacoes ativas</CmText>
      </CmRow>
      <CmRow gap="sm" align="center">
        <CmSwitch name="auto-approve" />
        <CmText>Aprovacao automatica</CmText>
      </CmRow>
    </CmStack>
  );
}

API rapida

CmSwitch

checked/defaultCheckedonCheckedChangenameinputProps