/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/flex/flex-align-content.vue
26 строк
693 B
J-Sek
feat: migrate to MD3 typography (#22557)
28 янв 2026, 21:50
Не верифицирован
28 янв 2026, 21:50
311daf4
Код
Авторство
О чём код?
<template> <v-container class="d-flex flex-wrap ga-6" fluid> <div v-for="variant in variants" :key="variant.value"> <div class="text-body-small mb-2">align-content-{{ variant.value }}</div> <v-sheet :class="`d-flex align-content-${variant.value} flex-wrap bg-surface-variant`" height="200" width="300" > <v-sheet v-for="n in 5" :key="n" class="ma-2 pa-2"> Flex item </v-sheet> </v-sheet> </div> </v-container> </template> <script setup> const variants = [ { value: 'start' }, { value: 'center' }, { value: 'end' }, { value: 'space-between' }, { value: 'space-around' }, ] </script>