Files
element-plus/packages/components/button/src/button-group.vue
2022-03-13 16:16:11 -04:00

25 lines
566 B
Vue

<template>
<div :class="`${ns.b('group')}`">
<slot />
</div>
</template>
<script lang="ts" setup>
import { provide, reactive, toRef } from 'vue'
import { buttonGroupContextKey } from '@element-plus/tokens'
import { useNamespace } from '@element-plus/hooks'
import { buttonGroupProps } from './button-group'
defineOptions({
name: 'ElButtonGroup',
})
const props = defineProps(buttonGroupProps)
provide(
buttonGroupContextKey,
reactive({
size: toRef(props, 'size'),
type: toRef(props, 'type'),
})
)
const ns = useNamespace('button')
</script>