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

somombo picture somombo  路  39Comments

johnleider picture johnleider  路  93Comments

lukef picture lukef  路  30Comments

amesas picture amesas  路  81Comments

noorzaie picture noorzaie  路  38Comments