BlogPlaygroundOne

VRow API

ads via vuetify

Props
name
type
default
align
'end' | 'start' | 'center' | 'baseline' | 'stretch'

null

Deprecated, use align-* class. Available options are: start, center, end, baseline and stretch.

align-content
  | 'end'
  | 'start'
  | 'center'
  | 'stretch'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use align-content-*. Available options are: start, center, end, space-between, space-around and stretch.

align-content-lg
  | 'end'
  | 'start'
  | 'center'
  | 'stretch'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use align-content-lg-* class

align-content-md
  | 'end'
  | 'start'
  | 'center'
  | 'stretch'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use align-content-md-* class

align-content-sm
  | 'end'
  | 'start'
  | 'center'
  | 'stretch'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use align-content-sm-* class

align-content-xl
  | 'end'
  | 'start'
  | 'center'
  | 'stretch'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use align-content-xl-* class

align-content-xxl
  | 'end'
  | 'start'
  | 'center'
  | 'stretch'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use align-content-xxl-* class

align-lg
'end' | 'start' | 'center' | 'baseline' | 'stretch'

null

Deprecated, use align-lg-* class

align-md
'end' | 'start' | 'center' | 'baseline' | 'stretch'

null

Deprecated, use align-md-* class

align-sm
'end' | 'start' | 'center' | 'baseline' | 'stretch'

null

Deprecated, use align-sm-* class

align-xl
'end' | 'start' | 'center' | 'baseline' | 'stretch'

null

Deprecated, use align-xl-* class

align-xxl
'end' | 'start' | 'center' | 'baseline' | 'stretch'

null

Deprecated, use align-xxl-* class

dense
boolean

false

Deprecated, use density with comfortable instead.

density
'default' | 'comfortable' | 'compact'

'default'

Adjusts the spacing between v-cols. Available options are: default, comfortable, compact.

gap
string | number | (string | number)[]

undefined

Sets the gap between v-cols. Can be a single value for both row and column gap, or the array of two values [column gap, row gap].

justify
  | 'end'
  | 'start'
  | 'center'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use justify-*. Available options are: start, center, end, space-between and space-around.

justify-lg
  | 'end'
  | 'start'
  | 'center'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use justify-lg-* class

justify-md
  | 'end'
  | 'start'
  | 'center'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use justify-md-* class

justify-sm
  | 'end'
  | 'start'
  | 'center'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use justify-sm-* class

justify-xl
  | 'end'
  | 'start'
  | 'center'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use justify-xl-* class

justify-xxl
  | 'end'
  | 'start'
  | 'center'
  | 'space-around'
  | 'space-between'
  | 'space-evenly'

null

Deprecated, use justify-xxl-* class

no-gutters
boolean

false

Removes the gutter between v-cols (same as gap='0').

size
New in v4.0.0
string | number

undefined

Sets the number of columns.

tag
string | (new () => any) | FunctionalComponent

'div'

Specify a custom tag used on the root element.

Slots
never
default

The default Vue slot.