mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2024-11-21 01:02:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(components): [switch] support add multiple content example (#10783)

Browse Source 
* docs(components): [switch] support add multiple content example

* docs: add ellipsis example
This commit is contained in:
RealityBoy 2022-11-26 13:53:03 +08:00 committed by GitHub
parent e5c09fc2ac
commit 516d49f4d5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
docs/examples/switch/text-description.vue
View File

@ -28,6 +28,22 @@
active-text="Y"
inactive-text="N"
/>
<el-switch
v-model="value6"
class="ml-2"
width="60"
inline-prompt
active-text="超出省略"
inactive-text="超出省略"
/>
<el-switch
v-model="value5"
class="ml-2"
inline-prompt
style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949"
active-text="完整展示多个内容"
inactive-text="多个内容"
/>
</template>
<script lang="ts" setup>
@ -37,4 +53,6 @@ const value1 = ref(true)
const value2 = ref(true)
const value3 = ref(true)
const value4 = ref(true)
const value5 = ref(true)
const value6 = ref(true)
</script>