/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-system-bar/usage.vue
44 строки
1 KB
J-Sek
feat: MD3 elevation levels (#22461)
28 янв 2026, 21:17
Не верифицирован
28 янв 2026, 21:17
dfce695
Код
Авторство
О чём код?
<template> <ExamplesUsageExample v-model="model" :code="code" :name="name" :options="options" > <v-layout class="elevation-1 rounded mx-auto bg-white" style="max-width: 448px; height: 150px" > <v-system-bar v-bind="props"> <v-icon icon="mdi-wifi-strength-4"></v-icon> <v-icon class="ms-2" icon="mdi-signal"></v-icon> <v-icon class="ms-2" icon="mdi-battery"></v-icon> <span class="ms-2">3:13PM</span> </v-system-bar> <v-main></v-main> </v-layout> </ExamplesUsageExample> </template> <script setup> const name = 'v-system-bar' const model = ref('default') const options = ['window'] const props = computed(() => { return { window: model.value === 'window' || undefined, } }) const code = computed(() => { return `<${name}${propsToString(props.value)}> <v-icon icon="mdi-wifi-strength-4"></v-icon> <v-icon icon="mdi-signal" class="ms-2"></v-icon> <v-icon icon="mdi-battery" class="ms-2"></v-icon> <span class="ms-2">3:13PM</span> </${name}>` }) </script>