diff --git a/packages/radix-vue/src/RadioGroup/Radio.vue b/packages/radix-vue/src/RadioGroup/Radio.vue
new file mode 100644
index 000000000..d903faeff
--- /dev/null
+++ b/packages/radix-vue/src/RadioGroup/Radio.vue
@@ -0,0 +1,72 @@
+
+
+
+
+
+
+
+
+
diff --git a/packages/radix-vue/src/RadioGroup/RadioGroup.story.vue b/packages/radix-vue/src/RadioGroup/RadioGroup.story.vue
index 4c757f9be..57bdbd577 100644
--- a/packages/radix-vue/src/RadioGroup/RadioGroup.story.vue
+++ b/packages/radix-vue/src/RadioGroup/RadioGroup.story.vue
@@ -6,7 +6,7 @@ const radioStateSingle = ref('default')
-
+
-export interface RadioGroupItemProps extends PrimitiveProps {
- value?: string
- disabled?: boolean
- required?: boolean
-}
+export interface RadioGroupItemProps extends Omit {}
interface RadioItemProvideValue {
disabled: ComputedRef
@@ -12,6 +8,10 @@ interface RadioItemProvideValue {
export const RADIO_GROUP_ITEM_INJECTION_KEY
= Symbol() as InjectionKey
+
+export default {
+ inheritAttrs: false,
+}
-
-
-
+
+
+
+
+
+
diff --git a/packages/radix-vue/src/RadioGroup/RadioGroupRoot.vue b/packages/radix-vue/src/RadioGroup/RadioGroupRoot.vue
index 8aacaa0c3..73b3d2e22 100644
--- a/packages/radix-vue/src/RadioGroup/RadioGroupRoot.vue
+++ b/packages/radix-vue/src/RadioGroup/RadioGroupRoot.vue
@@ -2,17 +2,14 @@
import {
Primitive,
type PrimitiveProps,
- usePrimitiveElement,
} from '@/Primitive'
import type { DataOrientation, Direction } from '@/shared/types'
import { useVModel } from '@vueuse/core'
import type { InjectionKey, Ref } from 'vue'
export interface RadioGroupRootProps extends PrimitiveProps {
- modelValue?: string | string[]
- onValueChange?: (value: string) => void
+ modelValue?: string
defaultValue?: string
- value?: string
disabled?: boolean
name?: string
required?: boolean
@@ -21,14 +18,12 @@ export interface RadioGroupRootProps extends PrimitiveProps {
loop?: boolean
}
export interface RadioGroupRootEmits {
- (e: 'update:modelValue', payload: string | string[]): void
+ (e: 'update:modelValue', payload: string): void
}
interface RadioGroupProvideValue {
- modelValue?: Readonly[>
+ modelValue?: Readonly][>
changeModelValue: (value?: string) => void
- parentElement: Ref
- currentFocusedElement?: Ref
disabled: Ref
loop: Ref
orientation: Ref
@@ -41,7 +36,8 @@ export const RADIO_GROUP_INJECTION_KEY
-
-
-
+
+
+
+
+
]