/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/components/Alert.vue
40 строк
902 B
Ishan Subedi
docs: create new homepage (#22225)
23 янв 2026, 09:44
Не верифицирован
23 янв 2026, 09:44
7f6e8dc
Код
Авторство
О чём код?
<template> <v-alert :border-color="type" :type="type" border="start" class="v-alert--doc my-4 border-opacity-100" variant="tonal" > <template #prepend> <v-icon :color="type" :icon="icon" /> </template> <slot /> </v-alert> </template> <script setup> const props = defineProps({ type: String }) const type = computed(() => { return props.type === 'tip' ? 'success' : props.type }) const icon = computed(() => { switch (type.value) { case 'error': return 'mdi-close-circle-outline' case 'info': return 'mdi-information-outline' case 'success': return 'mdi-check-circle-outline' case 'warning': return 'mdi-alert-circle-outline' default: return '$vuetify' } }) </script> <style lang="sass"> .v-alert--doc .v-alert__content p:last-child margin-bottom: 0 !important </style>