svcm/oa
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 07:13:44 +09:00
Code Issues Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
bangae1
2025-05-24 01:49:48 +09:00
commit 62abbcf4eb
2376 changed files with 325522 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
documentation/radio/radio-outlined-documentation.md Normal file
View File

@@ -0,0 +1,124 @@
---
state:
selected: 'value_2'
---
### VRadio
Vuero provides default styled radio buttons in 2 main styles, `outlined`
(default) and `solid`. Those radio buttons also support all main colors.
The available modifiers are `primary`, `success`,`info`, `warning`, `danger`.
<!--code-->
```vue
<script setup lang="ts">
const selected = ref('value_2')
</script>
<template>
<VField>
<VControl>
<VRadio
v-model="selected"
value="value_1"
label="Choice 1"
name="outlined_radio"
/>
<VRadio
v-model="selected"
value="value_2"
label="Choice 2"
name="outlined_radio"
color="primary"
/>
<VRadio
v-model="selected"
value="value_3"
label="Choice 3"
name="outlined_radio"
color="info"
/>
<VRadio
v-model="selected"
value="value_4"
label="Choice 4"
name="outlined_radio"
color="success"
/>
<VRadio
v-model="selected"
value="value_5"
label="Choice 5"
name="outlined_radio"
color="warning"
/>
<VRadio
v-model="selected"
value="value_6"
label="Choice 6"
name="outlined_radio"
color="danger"
/>
</VControl>
</VField>
</template>
```
<!--/code-->
<!--example-->
<VField>
<VControl>
<VRadio
v-model="frontmatter.state.selected"
value="value_1"
label="Choice 1"
name="outlined_radio"
/>
<VRadio
v-model="frontmatter.state.selected"
value="value_2"
label="Choice 2"
name="outlined_radio"
color="primary"
/>
<VRadio
v-model="frontmatter.state.selected"
value="value_3"
label="Choice 3"
name="outlined_radio"
color="info"
/>
<VRadio
v-model="frontmatter.state.selected"
value="value_4"
label="Choice 4"
name="outlined_radio"
color="success"
/>
<VRadio
v-model="frontmatter.state.selected"
value="value_5"
label="Choice 5"
name="outlined_radio"
color="warning"
/>
<VRadio
v-model="frontmatter.state.selected"
value="value_6"
label="Choice 6"
name="outlined_radio"
color="danger"
/>
</VControl>
</VField>
<!--/example-->