gov-form-range
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
disabled | disabled | Makes the range component disabled | boolean | false |
identifier | identifier | Custom range identifier | string | undefined |
input | input | Show input with current value | boolean | false |
invalid | invalid | Indicates the entered value does not conform to the format expected by the application | boolean | undefined |
listIdentifier | list-identifier | Links a element to a , providing value markers as guidance for the user | string | undefined |
max | max | Maximum value that is acceptable | number | string | undefined |
min | min | Minimum value that is acceptable | number | string | undefined |
name | name | Name of the range | string | undefined |
required | required | Set whether the range is required or not | boolean | false |
size | size | Range’s size | "l" | "m" | "s" | "m" |
step | step | Defines size of each step | number | string | undefined |
success | success | Indicates the entered value of child form element does conform to the format expected by the application | boolean | undefined |
tooltip | tooltip | Show tooltip with current value | boolean | false |
value | value | Value of range | string | undefined |
Events
| Event | Description | Type |
|---|---|---|
gov-blur | Emitted when the input loses focus. | CustomEvent<FormInputEvent> |
gov-focus | Emitted when the input has focus. | CustomEvent<FormInputEvent> |
gov-input | Emitted when the input change value. | CustomEvent<FormInputEvent> |
Methods
clearValue() => Promise<void>
Clears input value
Returns
Type: Promise<void>
getRef() => Promise<HTMLInputElement>
Returns an instance of the native html input element
Returns
Type: Promise<HTMLInputElement>
setFocus(options?: FocusOptions) => Promise<void>
Returns the current state of the component
Parameters
| Name | Type | Description |
|---|---|---|
options | FocusOptions |
Returns
Type: Promise<void>
setValue(value: string) => Promise<void>
Sets the ordered value of the element
Parameters
| Name | Type | Description |
|---|---|---|
value | string |
Returns
Type: Promise<void>
Dependencies
Depends on
Graph
Built with StencilJS