# 切换

可以是开或关的双状态按钮。

## Features

- 完全支持键盘导航。

- 可以是受控或非受控。

## [架构](#架构)

导入组件。

```jsx
import { Toggle } from "radix-ui";

export default () => <Toggle.Root />;
```

## [API 参考](#api-参考)

### [根节点](#根节点)

切换。

| Prop              | Type       | Default          |
| ----------------- | ---------- | ---------------- |
| `asChild`         | `boolean`  | `false`          |
| `defaultPressed`  | `boolean`  | No default value |
| `pressed`         | `boolean`  | No default value |
| `onPressedChange` | `function` | No default value |
| `disabled`        | `boolean`  | No default value |

| Data attribute    | Values          |
| ----------------- | --------------- |
| `[data-state]`    | `"on" \| "off"` |
| `[data-disabled]` | 在禁用时存在    |

## [可访问性](#可访问性)

### [键盘交互](#键盘交互)

| Key     | Description     |
| ------- | --------------- |
| `Space` | 激活/停用切换。 |
| `Enter` | 激活/停用切换。 |

<!--$-->

<!--/$-->