# Switch

> `Switch` is part of the Atoms set, imported from `@jcsoftdev/ui/atoms`.

Source: https://ui.jcsoftdev.com/docs/components/switch

`Switch` is part of the Atoms set, imported from `@jcsoftdev/ui/atoms`.

## Import

```ts
import { Switch } from "@jcsoftdev/ui/atoms";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/atoms/switch`.

## Usage

```tsx
<Switch aria-label="Recordatorios por WhatsApp" />
```

## Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/atoms-switch--default)
- [On](/storybook/?path=/story/atoms-switch--on)
- [Disabled](/storybook/?path=/story/atoms-switch--disabled)
- [Disabled On](/storybook/?path=/story/atoms-switch--disabled-on)
- [Controlled](/storybook/?path=/story/atoms-switch--controlled)

## Source

`packages/ui/src/atoms/switch/switch.tsx`