javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: reorganize radio documentation (#22144)

Browse Source
This commit is contained in:
Noblet Ouways
2025-09-14 02:42:13 +02:00
committed by GitHub
parent 64a0c61917
commit e92789c55a
4 changed files with 18 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
docs/examples/radio/button-style.vue
View File

@@ -1,34 +0,0 @@
<template>
<div>
<el-radio-group v-model="radio1" size="large">
<el-radio-button label="New York" value="New York" />
<el-radio-button label="Washington" value="Washington" />
<el-radio-button label="Los Angeles" value="Los Angeles" />
<el-radio-button label="Chicago" value="Chicago" />
</el-radio-group>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio2">
<el-radio-button label="New York" value="New York" />
<el-radio-button label="Washington" value="Washington" />
<el-radio-button label="Los Angeles" value="Los Angeles" />
<el-radio-button label="Chicago" value="Chicago" />
</el-radio-group>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio3" size="small">
<el-radio-button label="New York" value="New York" />
<el-radio-button label="Washington" value="Washington" disabled />
<el-radio-button label="Los Angeles" value="Los Angeles" />
<el-radio-button label="Chicago" value="Chicago" />
</el-radio-group>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const radio1 = ref('New York')
const radio2 = ref('New York')
const radio3 = ref('New York')
</script>

10
docs/examples/radio/button-fill-textcolor.vue → docs/examples/radio/radio-button.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<el-radio-group v-model="radio1" size="large" fill="#6cf">
<el-radio-group v-model="radio" size="large" fill="#6cf">
<el-radio-button label="New York" value="New York" />
<el-radio-button label="Washington" value="Washington" />
<el-radio-button label="Los Angeles" value="Los Angeles" />
@@ -9,7 +9,7 @@
</div>
<div style="margin-top: 20px">
<el-radio-group
v-model="radio2"
v-model="radio"
text-color="#626aef"
fill="rgb(239, 240, 253)"
>
@@ -20,7 +20,7 @@
</el-radio-group>
</div>
<div style="margin-top: 20px">
<el-radio-group v-model="radio3" size="small">
<el-radio-group v-model="radio" size="small">
<el-radio-button label="New York" value="New York" />
<el-radio-button label="Washington" value="Washington" disabled />
<el-radio-button label="Los Angeles" value="Los Angeles" />
@@ -32,7 +32,5 @@
<script lang="ts" setup>
import { ref } from 'vue'
const radio1 = ref('New York')
const radio2 = ref('New York')
const radio3 = ref('New York')
const radio = ref('New York')
</script>

0
docs/examples/radio/radio-button-group.vue → docs/examples/radio/radio-group.vue
View File