Skip to main content

<hx-search> v0.4.0+ HelixUI v0.4.0 or later required

The custom <hx-search> element renders a search control that accepts user input.

Methods

focus()
Overrides default HTMLElement behavior to focus the input in the Shadow DOM.
clear()
Simulates pressing "x" to clear the value of the input.

Attributes

Attributes enable declarative configuration of an element, via HTML markup.

disabled
Disables user interaction
invalid
Marks input as invalid
placeholder
Hint of what can be entered into the control
value
Initial value of the control

Properties

JavaScript properties enable programmatic access to an element's configuration and state.

disabled {Boolean [false]}
Get / Set the disabled state of the control.
invalid {Boolean [false]}
Get / Set the invalid state of the control.
placeholder {String}
Get / Set the control's placeholder text. The placeholder text must not contain carriage returns or line-feeds
value {String}
Get / Set the current value of the control.

See Also