/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/v-progress-linear/usage.vue
57 строк
1 KB
Henry Aviles
feat(VProgressLinear): add `split` variant to align with MD3 (#22662)
13 мар 2026, 01:06
Не верифицирован
13 мар 2026, 01:06
105a8b8
Код
Авторство
О чём код?
<template> <ExamplesUsageExample v-model="model" :code="code" :name="name" :options="options" > <div> <v-progress-linear v-bind="props"></v-progress-linear> </div> <template v-slot:configuration> <v-select v-model="color" :items="['primary', 'blue-lighten-3', 'error', 'blue-darken-3']" label="Color" clearable ></v-select> <v-slider v-model="height" label="Height" max="12" min="4" step="1" ></v-slider> <v-checkbox v-model="indeterminate" label="Indeterminate"></v-checkbox> </template> </ExamplesUsageExample> </template> <script setup> const name = 'v-progress-linear' const model = ref('default') const color = ref() const indeterminate = ref(false) const height = ref() const options = ['split'] const props = computed(() => { return { color: color.value || undefined, indeterminate: indeterminate.value || undefined, 'model-value': !indeterminate.value ? '20' : undefined, height: height.value !== 4 ? height.value : undefined, variant: model.value === 'default' ? undefined : model.value, } }) const slots = computed(() => { return `` }) const code = computed(() => { return `<${name}${propsToString(props.value)}>${slots.value}</${name}>` }) </script>