Status
The status of the component
Component checklist
Ready for use!
Repository
A link to the repo where the component lives.
gux-form-field-range
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| displayUnits | display-units | string | 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 | |
| valueInTooltip | value-in-tooltip | boolean | undefined |
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
Depends on
Graph
graph TD;
gux-form-field-range --> gux-form-field-label-indicator
gux-form-field-range --> gux-tooltip-base-beta
gux-form-field-range --> gux-icon
style gux-form-field-range fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS