BlogPlaygroundOne

VVideoVolume API

ads via vuetify

Props
name
type
default
direction
'vertical' | 'horizontal'

'vertical'

Switch between horizontal and vertical slider.

inline
boolean

false

Display slider next to the icon. VMenu won’t be displayed on click. Recomended to pair with sliderProps to configure slider width.

label
string

undefined

Text to display in tooltip and passed to aria-label.

menu-props
unknown

undefined

Props passed to VMenu containing volume slider. Useful to adjust location and control menu alignment

model-value
number

0

Volume value (0 ~ 100)

slider-props
{
  maxWidth: string | number
  width: string | number
  color: string
  disabled: boolean
  thumbSize: string | number
  trackColor: string
}

undefined

Selected props to customize volume slider.

Events
name
type
click
[MouseEvent | KeyboardEvent]

Event that is emitted when the component is clicked.

update:modelValue
[number]

Event that is emitted when the component’s model changes.

Slots
never
default

The default Vue slot.