输入控制

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

InputControl组件允许用户输入和编辑文本。这是一个实验组件,旨在(及时)合并或替换文本控件.

用法

从“@wordpress/components”导入{__terialInputControl作为InputControl};从'react'导入{useState};常量示例=()=>{const[value,setValue]=使用状态(“”);返回(<输入控制value={value}onChange={(nextValue)=>setValue(next值??'')}/>);};

道具

禁用

如果为真输入将被禁用。

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

按Enter键进行更改

如果为真ENTER(输入)需要按键才能触发onChange(更改时)。如果启用,则在切换时也会触发更改(失去焦点).

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

隐藏标签来自视觉

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

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

标签

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

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

标签位置

标签的位置(顶部,,底部,或边缘).

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

onChange(更改时)

接收输入值的函数。

  • 类型:功能
  • 必需:是

前缀

在输入的左侧呈现元素。

  • 类型:反应。反应节点
  • 必需:否

大小

调整输入的大小。
尺寸包括:违约,小的

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

后缀

在输入的右侧呈现元素。

  • 类型:反应。反应节点
  • 必需:否

类型

要渲染的输入元素的类型。默认为“text”。

  • 类型:字符串
  • 必需:否
  • 默认值:“text”

价值

输入的当前值。

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