切换按钮

在按下与未按下状态之间切换。

中文模式已适配导航、标题、简介、目录与常用章节名称。翻译状态：部分完成；技术正文目前仍为英文。

Loading JGuang UI example…

安装

Command

Manual

Use the JGuang UI Registry URL provided on /systems/jguang-ui#install.

npm install @base-ui/react

import { Toggle } from "@/components/ui/toggle"

<Toggle>Toggle</Toggle>

Use variant="outline" for an outline style.

Loading JGuang UI example…

Loading JGuang UI example…

Use the size prop to change the size of the toggle.

Loading JGuang UI example…

Loading JGuang UI example…

To enable RTL support in JGuang UI, see the RTL configuration guide.

Loading JGuang UI example…

See the Base UI Toggle documentation.

来源: components/base/toggle.mdx

JGuang UI 技术文档。

Toggle Group切换按钮组

A set of two-state buttons that can be toggled on or off.从一组切换按钮中选择单项或多项。

Tooltip工具提示

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.悬停或聚焦时显示简短的说明文字。