mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
31 lines
666 B
Vue
31 lines
666 B
Vue
<template>
|
|
<div :class="`${ns.b('group')}`">
|
|
<slot></slot>
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { defineComponent, provide, reactive, toRef } from 'vue'
|
|
import { buttonGroupContextKey } from '@element-plus/tokens'
|
|
import { useNamespace } from '@element-plus/hooks'
|
|
import { buttonGroupProps } from './button-group'
|
|
|
|
export default defineComponent({
|
|
name: 'ElButtonGroup',
|
|
props: buttonGroupProps,
|
|
|
|
setup(props) {
|
|
provide(
|
|
buttonGroupContextKey,
|
|
reactive({
|
|
size: toRef(props, 'size'),
|
|
type: toRef(props, 'type'),
|
|
})
|
|
)
|
|
const ns = useNamespace('button')
|
|
return {
|
|
ns,
|
|
}
|
|
},
|
|
})
|
|
</script>
|