docs_vue2/one/docs/demo/radio-button-group/stable.vue

48 lines
799 B
Vue
Raw Normal View History

<template>
<article>
<section>
2021-12-13 18:12:30 +08:00
<veui-checkbox v-model="isStable">
Stable layout
</veui-checkbox>
</section>
<veui-radio-button-group
v-model="flavor"
:items="flavors"
:ui="isStable ? 'stable' : ''"
/>
</section>
</article>
</template>
<script>
2021-12-13 18:12:30 +08:00
import { RadioButtonGroup, Checkbox } from 'veui'
export default {
components: {
'veui-radio-button-group': RadioButtonGroup,
2021-12-13 18:12:30 +08:00
'veui-checkbox': Checkbox
},
data () {
return {
isStable: true,
flavor: null,
flavors: [
{ value: 'LATTE', label: 'Latte' },
{ value: 'MOCHA', label: 'Mocha' },
{ value: 'AMERICANO', label: 'Americano' }
]
}
}
}
</script>
<style lang="less" scoped>
section {
margin-bottom: 20px;
}
h4 {
margin-top: 0;
}
</style>