BlogPlaygroundOne

VCol API

ads via vuetify

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

null

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

cols
string | number | boolean

false

Sets the default number of columns the component extends. Available options are: 1 -> 12 and auto. It accepts {n}/{size} syntax (e.g. 1/5 or 3/24) that overrides grid columns count for size calculation.

lg
string | number | boolean

false

Changes the number of columns on large and greater breakpoints.

md
string | number | boolean

false

Changes the number of columns on medium and greater breakpoints.

offset
string | number

null

Sets the default offset for the column. Similarly to cols, accepts {n}/{size} syntax (e.g. 1/5 or 3/24).

offset-lg
string | number

null

Changes the offset of the component on large and greater breakpoints.

offset-md
string | number

null

Changes the offset of the component on medium and greater breakpoints.

offset-sm
string | number

null

Changes the offset of the component on small and greater breakpoints.

offset-xl
string | number

null

Changes the offset of the component on extra large and greater breakpoints.

offset-xxl
string | number

null

Changes the offset of the component on extra extra large and greater breakpoints.

order
string | number

null

Deprecated, use order-* class

order-lg
string | number

null

Deprecated, use order-lg-* class

order-md
string | number

null

Deprecated, use order-md-* class

order-sm
string | number

null

Deprecated, use order-sm-* class

order-xl
string | number

null

Deprecated, use order-xl-* class

order-xxl
string | number

null

Deprecated, use order-xxl-* class

sm
string | number | boolean

false

Changes the number of columns on small and greater breakpoints.

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

'div'

Specify a custom tag used on the root element.

xl
string | number | boolean

false

Changes the number of columns on extra large and greater breakpoints.

xxl
string | number | boolean

false

Changes the number of columns on extra extra large and greater breakpoints.

Slots
never
default

The default Vue slot.