📜  ReactJS 蓝图 InputGroup 组件

📅  最后修改于: 2022-05-13 01:56:53.688000             🧑  作者: Mango

ReactJS 蓝图 InputGroup 组件

BlueprintJS 是一个基于 React 的 Web UI 工具包。该库非常适合构建用于桌面应用程序的复杂数据密集型接口。

InputGroup组件为用户提供了一种向他们提供文本输入的方法。它是从用户那里收集数据的基本组件。我们可以在 ReactJS 中使用以下方法来使用 ReactJS 蓝图 InputGroup 组件。

输入组道具:

  • asyncControl:当设置为 true 时,我们可以通过异步更新来控制此输入的值。
  • className:用于表示要传递给子元素的以空格分隔的类名列表。
  • defaultValue:用于表示输入的初始值,用于不受控制的使用。
  • disabled:用于指示输入是否是非交互的。
  • 填充:用于指示组件是否应该占据其容器的整个宽度。
  • inputRef:用于表示 ref 处理程序或接收支持此组件的 HTML 元素的 ref 对象。
  • 意图:用于表示应用于元素的视觉意图颜色。
  • large:用于指示此输入是否应使用大样式。
  • leftElement:用于表示要在输入左侧呈现的元素。
  • leftIcon:用于表示要在用户光标之前的输入组左侧呈现的图标的名称。
  • onChange:用于表示更改事件处理程序。
  • 占位符:用于表示没有任何值的占位符文本。
  • rightElement:用于表示要在输入右侧渲染的元素。
  • 圆形:用于指示输入(和任何按钮)是否应带有圆形大写字母。
  • small:用于表示该输入是否应该使用小样式。
  • type:用于表示 HTML 输入的类型属性。
  • value:用于表示输入的表单值,用于控制使用。

TextArea 道具:

  • className:用于表示以空格分隔的类名列表,以传递给子元素。
  • 填充:用于指示文本区域是否应该占据其容器的整个宽度。
  • growVertically:用于指示文本区域是否应自动垂直增长以容纳内容。
  • inputRef:用于表示接收支持该组件的 HTML