diff --git a/packages/embla-carousel-docs/src/components/CarouselGenerator/CarouselGeneratorBasicSettings.tsx b/packages/embla-carousel-docs/src/components/CarouselGenerator/CarouselGeneratorBasicSettings.tsx
index d0bd779f7..caccfff5a 100644
--- a/packages/embla-carousel-docs/src/components/CarouselGenerator/CarouselGeneratorBasicSettings.tsx
+++ b/packages/embla-carousel-docs/src/components/CarouselGenerator/CarouselGeneratorBasicSettings.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import React from 'react'
import { InputRadioDefault } from 'components/Input/InputRadio'
import { InputCheckboxDefault } from 'components/Input/InputCheckbox'
import { useCarouselGenerator } from 'hooks/useCarouselGenerator'
@@ -45,13 +45,7 @@ const INPUT_ACCESSIBILITY: SandboxGeneratorCheckboxType<'accessibility'> = {
}
export const CarouselGeneratorBasicSettings = () => {
- const { formData, onCheckboxChange, onRadioChange, onChange } =
- useCarouselGenerator()
- const axis = formData[SANDBOX_GENERATOR_FORM_FIELDS.AXIS]
-
- useEffect(() => {
- if (axis === 'y') onChange(SANDBOX_GENERATOR_FORM_FIELDS.DIRECTION, 'ltr')
- }, [axis])
+ const { formData, onCheckboxChange, onRadioChange } = useCarouselGenerator()
return (
<>
@@ -71,26 +65,24 @@ export const CarouselGeneratorBasicSettings = () => {
))}
- {axis === 'x' && (
-
- {INPUT_DIRECTION.OPTIONS.map(({ VALUE, LABEL }) => (
-
-
- {LABEL}
-
-
- ))}
-
- )}
+
+ {INPUT_DIRECTION.OPTIONS.map(({ VALUE, LABEL }) => (
+
+
+ {LABEL}
+
+
+ ))}
+
= (props) => {
{...restProps}
>