Status
The status of the component
Component checklist
gux-form-field-text-like
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| characterLimit | character-limit | The characterLimit property defines the max character limit for the input. | number | 0 |
| clearable | clearable | boolean | undefined | |
| 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 | |
| loading | loading | boolean | false |
Events
| Event | Description | Type |
|---|---|---|
| characterLimitChange | CustomEvent<boolean> |
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 |
| "prefix" | Optional slot for prefix |
| "suffix" | Optional slot for suffix |
Dependencies
Used by
Depends on
- gux-radial-loading
- gux-form-field-label-indicator
- gux-form-field-input-clear-button
- gux-icon
- gux-screen-reader-beta
Graph
graph TD;
gux-form-field-text-like --> gux-radial-loading
gux-form-field-text-like --> gux-form-field-label-indicator
gux-form-field-text-like --> gux-form-field-input-clear-button
gux-form-field-text-like --> gux-icon
gux-form-field-text-like --> gux-screen-reader-beta
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-pagination-buttons-legacy --> gux-form-field-text-like
gux-rich-text-editor-action-link --> gux-form-field-text-like
style gux-form-field-text-like fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS