Vuetify: [Documentation] XS Breakpoint for v-col

Created on 22 Aug 2019  路  2Comments  路  Source: vuetifyjs/vuetify

Environment

Browsers: Chrome 76.0.3809.100
OS: Windows 10

Steps to reproduce

see at API window

Expected Behavior

Write something to use xs breakpoint.

Actual Behavior

In v-card doc I am find magic combination v-bind="{ [xs${card.flex}]: true }"

Reproduction Link

https://vuetifyjs.com/en/components/grids

triage

Most helpful comment

xs = cols
xs3 (xs="3") will be
<v-col cols="3">

All 2 comments

xs = cols
xs3 (xs="3") will be
<v-col cols="3">

as stated above, when no breakpoints are provided, xs is assumed, and cols is essentially replaces this.
related: #9233

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jofftiquez picture jofftiquez  路  3Comments

smousa picture smousa  路  3Comments

Antway picture Antway  路  3Comments

cawa-93 picture cawa-93  路  3Comments

efootstep picture efootstep  路  3Comments