一个双状态按钮,可以为开启或关闭状态。
import * as React from "react";import { Toggle } from "radix-ui";import { FontItalicIcon } from "@radix-ui/react-icons";import "./styles.css";const ToggleDemo = () => (<Toggle.Root className="Toggle" aria-label="Toggle italic"><FontItalicIcon /></Toggle.Root>);export default ToggleDemo;
完整的键盘导航。
可以受控或不受控。
从命令行安装组件。
导入组件。
切换组件。