切换控件

ToggleControl用于生成切换用户界面。

用法

渲染用户界面以更改固定背景设置。

从'react'导入{useState};从“@wordpress/components”导入{ToggleControl};const MyToggleControl=()=>{const[hasFixedBackground,setHasFixed Background]=使用状态(false);返回(<切换控制__next无边距底部label=“固定背景”帮助={已固定背景? '具有固定背景。”:'无固定背景。'}checked={hasFixedBackground}onChange={(newValue)=>{setHasFixedBackground(newValue);} }/>);};

道具

组件接受以下道具:

标签

如果添加此属性,将使用label属性作为内容生成标签。

  • 类型:字符串
  • 必需:否

帮助

如果添加此属性,将使用帮助属性作为内容生成帮助文本。
对于受控部件帮助prop也可以是返回帮助文本的函数
动态取决于布尔值选中的参数。

  • 类型:字符串|元素|函数
  • 必需:否

选中的

如果选中为true,则将选中切换。如果选中为false,则将取消选中切换。
如果未传递任何值,则切换将是一个未经检查的初始值的非受控组件。

  • 类型:布尔值
  • 必需:否

禁用

如果禁用为true,则将禁用切换并应用适当的样式。

  • 类型:布尔值
  • 必需:否

onChange(更改时)

接收选中状态(布尔值)作为输入的函数。

  • 类型:功能
  • 必需:否

类名

将添加的类基于组件的控制组件-开关控制到包装器div的类。如果只传递className基于组件的控制组件-开关控制使用。

  • 类型:字符串
  • 必需:否

__next无边距底部

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

  • 类型:布尔值
  • 必需:否
  • 违约: