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 allow you to configure an element in a declarative manner via 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

Properties allow you to configure an element in an imperative manner via JavaScript.

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