feat(fscomponents): add button properties for carousel

brandingbrand · Apr 19, 2019 · 74836b6 · 74836b6
1 parent ef131c7
commit 74836b6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/fscomponents/src/components/Carousel/Carousel.tsx b/packages/fscomponents/src/components/Carousel/Carousel.tsx
@@ -14,11 +14,14 @@ export class Carousel extends Component<CarouselProps> {
       height,
       style,
       children,
+      showsButtons,
       showsPagination,
       nativeOptions,
+      nextButton,
       loop,
       currentPageIndicatorColor,
-      pageIndicatorColor
+      pageIndicatorColor,
+      prevButton
     } = this.props;
 
     const loopCopy = typeof loop === 'undefined' ? false : loop;
@@ -34,6 +37,9 @@ export class Carousel extends Component<CarouselProps> {
         bounces={true}
         loop={loopCopy}
         {...nativeOptions}
+        showsButtons={showsButtons}
+        nextButton={nextButton}
+        prevButton={prevButton}
       >
         {children}
       </Swiper>

diff --git a/packages/fscomponents/src/components/Carousel/CarouselProps.ts b/packages/fscomponents/src/components/Carousel/CarouselProps.ts
@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 
 // TODO: Unify these web/native options and clean up these types ...a lot
@@ -12,4 +13,7 @@ export interface CarouselProps {
   style?: StyleProp<ViewStyle>;
   webOptions?: any;
   webPaddingBottom?: number;
+  showsButtons?: boolean;
+  nextButton?: ReactNode;
+  prevButton?: ReactNode;
 }