Switch

import {Switch} from '@gravity-ui/uikit';

El Switch componente se usa para alternar entre dos estados: normalmente, entre activado y desactivado, o activado y **** desactivado.

§Estados

A Switch puede tener diferentes estados:

• Comprobado: Cuando el conmutador esté en estado encendido.
• Discapacitado: Cuando el conmutador no está disponible.

<Switch size="l" checked={false}>Unchecked</Switch>
<Switch size="l" checked>Checked</Switch>
<Switch size="l" disabled>Disabled</Switch>

§Tamaño

Usa la size propiedad para administrar el Switch tamaño. El tamaño predeterminado es m.

<Switch size="m">M Size</Switch>
<Switch size="l">L Size</Switch>

§Etiqueta

Puede asignar una etiqueta a un usuario Switch de la content propiedad o proporcionarla como una propiedad secundaria.

<div>
  <Switch content="Content" size="l" />
  <div
    style={{
      marginTop: 10,
    }}
  >
    <Switch size="l">
      <span>Content as children</span>
    </Switch>
  </div>
</div>

§Propiedades