React Reference > SearchInput Component

<SearchInput />

使い方 

<SearchInput
  value={this.state.text}
  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.
inputId string Specify the “id” attribute of the inner <input> element. This is useful when using Optional.

プリセットのmodifier

[編集]
Name 概要
material Displays a Material Design search input. （翻訳中）

お困りですか?

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

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

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