Home > @uniformdev/design-system > InputKeywordSearchProps

InputKeywordSearchProps interface

Signature:

Extends: React$1.InputHTMLAttributes<HTMLInputElement>

Properties

<table><thead><tr><th>

Property

</th><th>

Modifiers

</th><th>

Type

</th><th>

Description

</th></tr></thead> <tbody><tr><td>

compact?

</td><td>

</td><td>

boolean

</td><td>

(Optional) (optional) makes the input look more compact false

</td></tr> <tr><td>

disabled?

</td><td>

</td><td>

boolean

</td><td>

(Optional) (optional) sets the input field disabled state false

</td></tr> <tr><td>

disabledFieldSubmission?

</td><td>

</td><td>

boolean

</td><td>

(Optional) (optional) allows users to prevent default form field submission false

</td></tr> <tr><td>

inputFieldName?

</td><td>

</td><td>

string

</td><td>

(Optional) (optional) allows users to set the "name" attribute value "keywordSearch"

</td></tr> <tr><td>

onClear?

</td><td>

</td><td>

() => void

</td><td>

(Optional) (optional) when closed button is clicked

</td></tr> <tr><td>

onSearchTextChanged

</td><td>

</td><td>

(searchText: string) => void

</td><td>

function that takes a string value

</td></tr> <tr><td>

placeholder?

</td><td>

</td><td>

string

</td><td>

(Optional) (optional) props that allows users to set the placeholder text value "Keyword search"

</td></tr> <tr><td>

rounded?

</td><td>

</td><td>

boolean

</td><td>

(Optional) (optional) makes the corners of the input rounded false

</td></tr> <tr><td>

value?

</td><td>

</td><td>

string

</td><td>

(Optional) (optional) prop that sets the value of the input field

</td></tr> </tbody></table>