/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/border/card.vue
48 строк
1 KB
J-Sek
feat: migrate to MD3 typography (#22557)
28 янв 2026, 21:50
Не верифицирован
28 янв 2026, 21:50
311daf4
Код
Авторство
О чём код?
<template> <v-container> <v-card border="opacity-50 sm" class="mx-auto" max-width="360" rounded="xl" variant="text" > <template v-slot:title> <div class="text-body-small font-weight-bold">Revenue</div> </template> <template v-slot:append> <v-chip border="success sm opacity-100" color="green" size="small" variant="text" > <v-icon icon="mdi-arrow-up" start></v-icon> 13% </v-chip> </template> <template v-slot:text> <div class="text-headline-large font-weight-black">$ 9,232,215</div> <small class="text-body-small text-medium-emphasis d-flex justify-space-between align-center"> <div> <span class="text-green"> <v-avatar icon="mdi-arrow-up" size="small" variant="tonal"></v-avatar> + $ 3,295 </span> in the last week </div> <v-btn icon="mdi-arrow-right" size="x-small" variant="text" border ></v-btn> </small> </template> </v-card> </v-container> </template>