defaultValue number [] — Name defaultValue Description The value of the slider when initially rendered. Use when you do not need to control the state of the slider.
Type number [] Default — modelValue number [] | null — Name modelValue Description The controlled value of the slider. Can be bind as v - model
Type null | number [] Default — disabled boolean false Name disabled Description When true
Type boolean Default false orientation DataOrientation — Name orientation Description The orientation of the slider.
Type ' vertical ' | ' horizontal ' Default — dir Direction — Name dir Description The reading direction of the combobox when applicable.
If omitted, inherits globally from ConfigProvider
Type ' ltr ' | ' rtl ' Default — inverted boolean false Name inverted Description Whether the slider is visually inverted.
Type boolean Default false min number 0 Name min Description The minimum value for the range.
Type number Default 0 max number 100 Name max Description The maximum value for the range.
Type number Default 100 step number 1 Name step Description Type number Default 1 minStepsBetweenThumbs number — Name minStepsBetweenThumbs Description The minimum permitted steps between multiple thumbs.
Type number Default — thumbAlignment ThumbAlignment 'contain' Name thumbAlignment Description The alignment of the slider thumb.
contain overflow Type ' contain ' | ' overflow ' Default 'contain' asChild boolean false Name asChild Description Change the default rendered element for the one passed as a child, merging their props and behavior.
Read our Composition guide for more details.
Type boolean Default false as AsTag | Component — Name as Description The element or component this component should render as. Can be overwritten by asChild
Type ComponentOptions < any , any , any , ComputedOptions , MethodOptions , any , any , any , string , {}, {}, string , {}, {}, {}, string , ComponentProvideOptions > | ( props : any , ctx : Omit < { attrs : Attrs ; slots : Readonly < InternalSlots > ; emit : ( event : string , ... args : any [] ) => void ; expose : < Exposed extends Record < string , any > = Record < string , any >> ( exposed ?: Exposed | undefined ) => void ; }, ' expose ' > ) : any | ComponentPublicInstanceConstructor < any , any , any , any , ComputedOptions , MethodOptions > | ' a ' | ' button ' | ' div ' | ' form ' | ' h2 ' | ' h3 ' | ' img ' | ' input ' | ' label ' | ' li ' | ' nav ' | ' ol ' | ' p ' | ' span ' | ' svg ' | ' ul ' | ' template ' | {} & string Default — name string — Name name Description The name of the field. Submitted with its owning form as part of a name/value pair.
Type string Default — required boolean false Name required Description When true
Type boolean Default false class ClassValue — Name class Description Classes added to the part's own element, after its recipe classes.
Type null | string | false | Record < string , any > | ClassValue[] Default — label string — Name label Description Shown as the field label above the slider; inside a Field, that Field's own label names it instead.
Type string Default — showLegend boolean false Name showLegend Description Shows the minimum and maximum values below the track.
Type boolean Default false formatOptions Intl . NumberFormatOptions — Name formatOptions Description How the legend shows a value and a screen reader reads a thumb's, e.g. { style : 'currency' , currency : 'EUR' }
Type Intl . NumberFormatOptions Default — locale string — Name locale Description BCP 47 locale the values are formatted in; the ConfigProvider's when left out.
Type string Default — format ( ( value : number ) => string ) — Name format Description Formats a value for the legend and a screen reader, e.g. a price kept in cents; wins over formatOptions
Type ( value : number ) : string Default — thumbLabels string [] — Name thumbLabels Description Names each thumb for screen readers, after the label; Reka's "Minimum" and "Maximum" for a range when left out.
Type string [] Default — ariaLabel string — Name ariaLabel Description Names the thumbs when there is no label
Type string Default — ariaLabelledby string — Name ariaLabelledby Description Ids of the elements that name the thumbs when there is no label
Type string Default —