Skip to main content Skip to navigation Skip to search

Range

Range Properties

Name Type Description
status neutral | error | success Set the status of form control validation
controlWidth stretch | shrink Adjust the control from the default full width or the browser default width
validate boolean Set the validate attribute to sync with HTML5 native validation https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation
responsive boolean By default forms will collapse to layout that prevents overflow. If disabled control layout may break or overflow in unexpected ways.
layout vertical | horizontal | compact Set to adjust the default control layout. When `responsive` is true this will be the largest size to scale to.
layoutChange EventEmitter<ControlLayout>

Range CSS Properties

Name
--background
--border-radius
--track-background
--track-fill-background
--track-height
--thumb-background
--thumb-width
--thumb-height

Range Slots

Name Description
For projecting range input