/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/elevation/prop-dynamic.vue
39 строк
890 B
J-Sek
feat(elevation): add `hover-elevation` prop and CSS utilities (#22621)
16 май 2026, 04:22
Не верифицирован
16 май 2026, 04:22
c41efc4
Код
Авторство
О чём код?
<template> <v-container> <v-row justify="center"> <v-col v-for="(_, n) in 6" :key="n" cols="auto" > <v-card :elevation="0" :hover-elevation="n" border="thin dashed" class="d-flex justify-center align-center" height="70" rounded="xl" width="100" > <div>{{ n }}</div> </v-card> </v-col> </v-row> <v-row justify="center"> <v-col v-for="(_, n) in 6" :key="n" cols="auto" > <div :class="`bg-surface elevation-0 hover-elevation-${n}`" class="d-flex justify-center align-center rounded-xl border-thin border-dashed" style="height: 70px; width: 100px" > <div>{{ n }}</div> </div> </v-col> </v-row> </v-container> </template>