diff --git a/packages/radix-vue/src/ToggleGroup/ToggleGroupItem.vue b/packages/radix-vue/src/ToggleGroup/ToggleGroupItem.vue
index 49c6d46b1..049bece68 100644
--- a/packages/radix-vue/src/ToggleGroup/ToggleGroupItem.vue
+++ b/packages/radix-vue/src/ToggleGroup/ToggleGroupItem.vue
@@ -7,7 +7,7 @@ interface ToggleGroupItemProps {
diff --git a/packages/radix-vue/src/ToggleGroup/ToggleGroupRoot.vue b/packages/radix-vue/src/ToggleGroup/ToggleGroupRoot.vue
index 964d757b7..39b66775a 100644
--- a/packages/radix-vue/src/ToggleGroup/ToggleGroupRoot.vue
+++ b/packages/radix-vue/src/ToggleGroup/ToggleGroupRoot.vue
@@ -14,7 +14,7 @@ export interface ToggleGroupRootProps {
rovingFocus?: boolean;
orientation?: DataOrientation;
dir?: Direction;
- loop?: boolean;
+ loop: boolean;
modelValue?: string | string[];
}
@@ -26,17 +26,23 @@ export interface ToggleGroupProvideValue {
modelValue?: Readonly[>;
changeModelValue: (value: string) => void;
parentElement: Ref;
+ currentFocusedElement: Ref;
activeValue?: Readonly][>;
+ dir?: Direction;
orientation?: DataOrientation;
+ loop: boolean;
+ itemsArray: Ref;
}
@@ -76,6 +107,7 @@ function changeModelValue(value: string) {
ref="primitiveElement"
role="group"
:dir="props.dir"
+ tabindex="0"
aria-label="Text alignment"
:data-orientation="props.orientation"
>
]