added property to display or don't display navigation buttons

Author: alirezafarin

README.md

@@ -99,6 +99,8 @@ color : string ---> color for the navigation buttons -- default is black
 fontSize: string ---> font size of the navigation buttons -- default is 20px
 <br>
 top: string ---> the position of the navigation buttons from top of the container 
+<br>
+noNavButtons: boolean ---> display or don't display Navigation Buttons -- default is false(display)
 
 <br>
 <br>

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "saffroncodejs",
-	"version": "1.9.5",
+	"version": "1.9.7",
 	"description": "Package of optimised react components and javascript functions for developers ♫♪",
 	"main": "./lib/SaffronCode.js",
 	"types": "./lib/SaffronCode.d.ts",

src/ui/ItemsSlider.css

@@ -2,7 +2,7 @@
   overflow-x: scroll;
   overflow-y: hidden;
   padding: 10px 0 15px 0;
-  margin: 0 20px 0 40px;
+  margin: 0 20px 0 20px;
   display: flex;
   -ms-overflow-style: none; 
   scrollbar-width: none; 

src/ui/ItemsSlider.tsx

@@ -12,7 +12,8 @@ interface ItemSliderProps {
   rtl: boolean,
   top: string,
   fontSize: string,
-  color: string
+  color: string,
+  noNavButtons: boolean
 }
 
 export default class ItemsSlider extends Component<ItemSliderProps> {
@@ -152,10 +153,10 @@ export default class ItemsSlider extends Component<ItemSliderProps> {
     const navButtonsStyle:object = {
       position: "absolute",
       width: "100%",
-      display: "flex",
+      display: (!this.props.noNavButtons) ? "flex" : "none",
       justifyContent: "space-between",
       ...top,
-      left: "0"
+      left: "0",
     }
 
     const fontSize = (this.props.fontSize) ? this.props.fontSize : '20px';