Input React Component - Onsen UI Framework - Onsen UI

<Input />

使い方

<Input
  value={this.state.text} float
  onChange={(event) => { this.setState({text: event.target.value})} }
  modifier='material'
  placeholder='Username' />

Prop一覧

[編集]

名前	型 / デフォルト値	概要
modifier	string	The appearance of the input. （翻訳中） Optional.
disabled	bool	Specifies whether the input is disabled. （翻訳中） Optional.
readOnly	bool	Specifies whether the input is read-only. （翻訳中） Optional.
onChange	func	Called when the inner input fires a `change` event. （翻訳中） Optional.
onInput	func	Called when the inner input fires an `input` event. （翻訳中） Optional.
value	union	Content of the input (controlled). （翻訳中） Optional.
defaultValue	union	Content of the input at first render (uncontrolled). （翻訳中） Optional.
placeholder	string	Placeholder text. In Material Design this placeholder will be a floating label. （翻訳中） Optional.
type	string	Specify the input type. This is the same as the “type” attribute for normal inputs. It expects strict text types such as `text`, `password`, etc. For checkbox, radio button, select or range, please have a look at the corresponding components. Please take a look at MDN for an exhaustive list of possible values. Depending on the platform and browser version some of these might not work. （翻訳中） Optional.
inputId	string	Specify the “id” attribute of the inner `<input>` element. This is useful when using elements （翻訳中） Optional.
float	bool	If this attribute is present, the placeholder will be animated in Material Design. （翻訳中） Optional.

プリセットのmodifier

[編集]

Name	概要
material	Displays a Material Design input. （翻訳中）
underbar	Displays a horizontal line underneath a text input. （翻訳中）
transparent	Displays a transparent input. Works for Material Design. （翻訳中）

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。