/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-breadcrumbs/usage.vue
47 строк
1 KB
John Leider
chore: add vue/attributes-order eslint rule
29 фев 2024, 07:06
29 фев 2024, 07:06
65aff8f
Код
Авторство
О чём код?
<template> <ExamplesUsageExample v-model="model" :code="code" :name="name" :options="options" > <div> <v-breadcrumbs v-bind="props"> <!-- <v-breadcrumbs-item>Item</v-breadcrumbs-item> <v-breadcrumbs-divider></v-breadcrumbs-divider> <v-breadcrumbs-item active>Item 2</v-breadcrumbs-item> <v-breadcrumbs-divider></v-breadcrumbs-divider> <v-breadcrumbs-item disabled>Item 3</v-breadcrumbs-item> --> </v-breadcrumbs> </div> <template v-slot:configuration> <v-select v-model="color" :items="['primary', 'success', 'info']" label="Background color" clearable></v-select> </template> </ExamplesUsageExample> </template> <script setup> const name = 'v-breadcrumbs' const model = ref('default') const options = [] const color = ref() const props = computed(() => { return { 'bg-color': color.value || undefined, items: ['Foo', 'Bar', 'Fizz'], } }) const slots = computed(() => { return `` }) const code = computed(() => { return `<${name}${propsToString(props.value)}>${slots.value}</${name}>` }) </script>