切换组控件

此功能仍处于实验阶段。“实验性”意味着这是一个早期的实施,可能会发生重大的突破性变化。

切换组控件是一个表单组件,允许用户选择以水平分段表示的选项。要呈现此控件的选项,请使用切换组控制选项组件。

此组件用于从一组选项中选择单个持久值,类似于单选按钮组的工作方式。如果只想在视图之间切换,请使用选项卡面板而不是。

只有当你确信里面的物品标签不会包裹时,才使用此控件。对于标签较长的项目,可以考虑选择控制或a自定义SelectControl而不是组件。

用法

导入{__experimentalToggleGroupControl作为ToggleGroup控件,__experimentalToggleGroupControlOption作为ToggleGroup控制选项,}来自“@wordpress/components”;函数Example(){返回(<切换组控件label=“我的标签”value=“垂直”isBlock(isBlock)__next无边距底部><ToggleGroupControlOption value=“水平”label=“水平“/><ToggleGroupControlOption value=“vertical”label=“vertical”/></ToggleGroupControl>);}

道具

帮助:ReactNode

如果添加此属性,将使用帮助属性作为内容生成帮助文本。

  • 必需:否

hideLabelFromVision:布尔值

如果为true,标签将仅对屏幕阅读器可见。

  • 必需:否
  • 违约:

isAdaptiveWidth:布尔值

确定是否应以相等宽度呈现线段。

  • 必需:否
  • 违约:

isDeselectable:布尔型

再次单击选项是否可以取消选择。

  • 必需:否
  • 违约:

isBlock:布尔

渲染(Renders)切换组控件作为跨越可用空间的整个宽度的(CSS)块元素。当选项是基于文本而不是图标时,这是推荐的样式。

  • 必需:否
  • 违约:

标签:字符串

表单元素的标签。

  • 必需:是

onChange:(value?:string | number)=>无效

选择段时回调。

  • 必需:否
  • 违约:() => {}

value:字符串|数字

的值切换组控件.

  • 必需:否

__next40px默认大小:布尔值

开始选择更大的默认高度,这将成为未来版本的默认大小。

  • 必需:否
  • 违约:

__nextHasNoMarginBottom:布尔值

开始选择新的无边距样式,这将成为未来版本的默认样式。

  • 必需:否
  • 违约: