Standard

A component that allows a user to query for results.

Component checklist

Status

The status of the component

Ready for use!

Repository

A link to the repo where the component lives.

gux-form-field-search

Properties

Property Attribute Description Type Default
indicatorMark indicator-mark Field indicator mark which can show *, (optional) or blank Defaults to required. When set to required, the component will display * for required fields and blank for optional When set to optional, the component will display (optional) for optional and blank for required. "none" | "optional" | "required" 'required'
labelPosition label-position "above" | "beside" | "screenreader" undefined

Methods

guxForceUpdate() => Promise<void>

Returns

Type: Promise<void>

Slots

Slot Description
"error" Optional slot for error message
"help" Optional slot for help message
"input" Required slot for input tag
"label" Required slot for label tag
"label-info" Optional slot for label tooltip

Dependencies

Used by

Depends on

Graph


                                                
                                                graph TD;
                                                  gux-form-field-search --> gux-form-field-label-indicator
                                                  gux-form-field-search --> gux-icon
                                                  gux-form-field-search --> gux-form-field-input-clear-button
                                                  gux-form-field-input-clear-button --> gux-icon
                                                  gux-form-field-input-clear-button --> gux-tooltip-beta
                                                  gux-tooltip-beta --> gux-tooltip-base-beta
                                                  gux-advanced-dropdown-legacy --> gux-form-field-search
                                                  style gux-form-field-search fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS