BlogPlaygroundOne

VCounter API

ads via vuetify

Props
name
type
default
active
boolean

false

Determines whether the counter is visible or not.

disabled
boolean

false

Removes the ability to click or target the component.

max
string | number

undefined

Sets the maximum allowed value.

transition
  | string
  | boolean
  | (TransitionProps & { component: Component })
  | { component: Component }

{component: {name: 'slide-y-transition'}}

Sets the component transition. Can be one of the built in or custom transition.

value
string | number

0

Sets the current counter value.

Slots
{ counter: string; max: string | number; value: string | number }
default

The default Vue slot.

SASS Variables
name
default
$counter-flex
0 1 auto
$counter-font-size
12px
$counter-line-height
$counter-font-size
$counter-min-height
12px
$counter-transition-duration
150ms