mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-14 18:11:48 +08:00
546b21ea82
* feat(components): [segmented] new component * feat(components): [segmented] * feat(components): update * feat(components): update * feat(theme-chalk): update * feat(components): update * feat: update * feat: update * feat(components): add focus-visible * feat(theme-chalk): update * feat(components): fix test * docs: docs * feat(components): update * feat: add icon
46 lines
684 B
Vue
46 lines
684 B
Vue
<template>
|
|
<div class="flex flex-col items-start gap-4">
|
|
<el-segmented v-model="value" :options="options" disabled />
|
|
<el-segmented v-model="value" :options="options" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { ref } from 'vue'
|
|
|
|
const value = ref('Mon')
|
|
const options = [
|
|
{
|
|
label: 'Mon',
|
|
value: 'Mon',
|
|
disabled: true,
|
|
},
|
|
{
|
|
label: 'Tue',
|
|
value: 'Tue',
|
|
},
|
|
{
|
|
label: 'Wed',
|
|
value: 'Wed',
|
|
disabled: true,
|
|
},
|
|
{
|
|
label: 'Thu',
|
|
value: 'Thu',
|
|
},
|
|
{
|
|
label: 'Fri',
|
|
value: 'Fri',
|
|
disabled: true,
|
|
},
|
|
{
|
|
label: 'Sat',
|
|
value: 'Sat',
|
|
},
|
|
{
|
|
label: 'Sun',
|
|
value: 'Sun',
|
|
},
|
|
]
|
|
</script>
|