Status
The status of the component
Component checklist
Documentation in progress
Repository
A link to the repo where the component lives.
gux-form-field-number
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| 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 | |
| textAlign | text-align | "end" | "start" | 'end' |
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 |
Shadow Parts
| Part | Description |
|---|---|
| "input-section" | Style input container |
Dependencies
Used by
Depends on
Graph
graph TD;
gux-form-field-number --> gux-form-field-label-indicator
gux-form-field-number --> gux-form-field-input-clear-button
gux-form-field-number --> gux-icon
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-ellipsis-button --> gux-form-field-number
style gux-form-field-number fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS