refactor(slider): ♻️ change default orientation to vertical

adaptui · Jun 29, 2022 · 151a076 · 151a076
1 parent 2a8fcf2
commit 151a076
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/slider/stories/SliderSingleVertical.component.tsx b/src/slider/stories/SliderSingleVertical.component.tsx
@@ -20,12 +20,13 @@ export type SliderSingleVerticalProps = SliderBaseStateProps & {
   showTip?: boolean;
 };
 
-export const SliderSingleVertical: React.FC<
-  SliderSingleVerticalProps
-> = props => {
+export const SliderSingleVertical: React.FC<SliderSingleVerticalProps> = ({
+  orientation = "vertical",
+  ...props
+}) => {
   const { label, showTip, ...rest } = props;
   const sliderLabel = `${label ? label : "Styled"} Slider`;
-  const state = useSliderBaseState(props);
+  const state = useSliderBaseState({ ...props, orientation });
   const slider = useSliderState({ ...rest, label: sliderLabel, state });
   const { getThumbValueLabel, getValuePercent, values } = state;
 
@@ -52,7 +53,7 @@ export const SliderSingleVertical: React.FC<
         <Thumb
           index={0}
           state={state}
-          orientation={props.orientation}
+          orientation={orientation}
           isDisabled={props.isDisabled}
           trackRef={slider.trackRef}
           aria-label="Thumb"