Switch

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

Компонент Switch (переключатель) используется для переключения между двумя состояниями: как правило, между On и Off или Enabled и Disabled.

§Состояния

Switch может иметь разные состояния:

• Checked — когда переключатель включен.
• Disabled — когда переключатель недоступен.

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

§Размер

Размер Switch можно настроить с помощью свойства size. Размер по умолчанию — m.

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

§Лейбл

Лейбл для Switch можно задать через свойство content или передать его как дочерний элемент.

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

§Свойства