Merge pull request #42 from AngelVenchev/develop

Add positioning params to progress
colbymillerdev · May 18, 2020 · a810d4a · a810d4a
2 parents d818410 + 452d48e
commit a810d4a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -149,6 +149,8 @@ render() {
 | completedCheckColor       | Color of the completed step checkmark    | white       | String  |
 | activeStep                | Manually specify the active step         | 0           | Number  |
 | isComplete                | Set all Steps to active state            | false       | Boolean |
+| topOffset                 | Set progress bar top offset              | 30          | Number  |
+| marginBottom              | Set progress bar bottom margin           | 50          | Number  |
 
 ### Progress Step Component
 | Name | Description | Default | Type |

diff --git a/src/ProgressSteps/ProgressSteps.js b/src/ProgressSteps/ProgressSteps.js
@@ -71,8 +71,8 @@ class ProgressSteps extends Component {
         justifyContent: 'space-evenly',
         alignSelf: 'center',
         flexDirection: 'row',
-        top: 30,
-        marginBottom: 50,
+        top: this.props.topOffset,
+        marginBottom: this.props.marginBottom,
       },
     };
 
@@ -94,11 +94,15 @@ class ProgressSteps extends Component {
 ProgressSteps.propTypes = {
   isComplete: PropTypes.bool,
   activeStep: PropTypes.number,
+  topOffset: PropTypes.number,
+  marginBottom: PropTypes.number,
 };
 
 ProgressSteps.defaultProps = {
   isComplete: false,
   activeStep: 0,
+  topOffset: 30,
+  marginBottom: 50,
 };
 
 export default ProgressSteps;
diff --git a/src/ProgressSteps/StepIcon.js b/src/ProgressSteps/StepIcon.js
@@ -167,7 +167,6 @@ class StepIcon extends Component {
 StepIcon.propTypes = {
   stepCount: PropTypes.number.isRequired,
   stepNum: PropTypes.number.isRequired,
-  label: PropTypes.string.isRequired,
   isFirstStep: PropTypes.bool.isRequired,
   isLastStep: PropTypes.bool.isRequired,