mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-14 18:11:48 +08:00
feat(components): [segmented] new component (#16258)
* 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
This commit is contained in:
14
docs/examples/segmented/basic.vue
Normal file
14
docs/examples/segmented/basic.vue
Normal file
@ -0,0 +1,14 @@
|
||||
<template>
|
||||
<div class="flex flex-col items-start gap-4">
|
||||
<el-segmented v-model="value" :options="options" size="large" />
|
||||
<el-segmented v-model="value" :options="options" size="default" />
|
||||
<el-segmented v-model="value" :options="options" size="small" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue'
|
||||
|
||||
const value = ref('Mon')
|
||||
|
||||
const options = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
|
||||
</script>
|
Reference in New Issue
Block a user