update packages, design improvements, add new props

sheikhfahad67 · Sep 3, 2022 · ad4d902 · ad4d902
1 parent 65f6d66
commit ad4d902
Show file tree

Hide file tree

Showing 10 changed files with 20,529 additions and 30,160 deletions.
diff --git a/README.md b/README.md
@@ -2,6 +2,12 @@
 
 React carousel is an react based npm package which provides you simple multi images carousel with controlled buttons.
 
+# What's new
+
+- Packages update
+- Design improvements
+- Add more props to adjust image and arrow buttons height and width
+
 ## Features
 
 - Simple multi images carousel
@@ -53,9 +59,11 @@ function App() {
       <Slider
         sliderResource={data}
         backgroundColor='#333C19'
-        dotColor='#333C19'
+        dotColor='#735C19'
         arrowsColor='#126C20'
         arrowHoverColor='#64DF18'
+        imageHeight='25vh'
+        size={{ height: 2.5, width: 2.5 }}
       />
     </div>
   );
@@ -79,13 +87,15 @@ const data = [
 
 ### Props
 
-| Fields          |  Type  |       Description |
-| --------------- | :----: | ----------------: |
-| sliderResource  | Object |       data object |
-| backgroundColor | string | default `#353C69` |
-| dotColor        | string | default `#D1B000` |
-| arrowsColor     | string | default `#ffffff` |
-| arrowHoverColor | string | default `#D1B000` |
+| Fields          |  Type  |               Description |
+| --------------- | :----: | ------------------------: |
+| sliderResource  | Object |               data object |
+| backgroundColor | string |         default `#353C69` |
+| dotColor        | string |         default `#D1B000` |
+| arrowsColor     | string |         default `#ffffff` |
+| arrowHoverColor | string |         default `#D1B000` |
+| imageHeight     | string |            default `50vh` |
+| size            | object | {height: 3.5, width: 3.5} |
 
 ## License