feat: first Release

.github/workflows/push-workflows.yml

@@ -46,3 +46,22 @@ jobs:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         NODE_AUTH_TOKEN: ${{ secrets.NPMJS_ACCESS_TOKEN }}
       run: npx semantic-release
+  Storybook:
+    runs-on: ubuntu-latest
+    # Job steps
+    steps:
+      # Manual Checkout
+      - uses: actions/checkout@v3
+
+      # Set up Node
+      - uses: actions/setup-node@v3
+      with:
+        node-version: '16.x'
+
+      #👇 Add Storybook build and deploy to GitHub Pages as a step in the workflow
+      - uses: bitovi/[email protected]
+      with:
+        install_command: npm ci
+        build_command: npm run build-storybook
+        path: storybook-static
+        checkout: false

.gitignore

@@ -1,4 +1,5 @@
 wizard-step-indicator-react-*.tgz
+storybook-static
 
 # Logs
 logs

.npmignore

@@ -12,4 +12,7 @@ jest.config.ts
 .storybook/
 tsconfig.json
 rollup.config.js
+.eslintignore                  
+.eslintrc.cjs
+CHANGELOG.md 
 wizard-step-indicator-react-*.tgz

README.md

@@ -3,23 +3,35 @@
 
 Wizard Step Indicator for React
 
+Storybook:
+
 https://shadiabuhilal.github.io/wizard-step-indicator-react/
 
 -----------
 
 <img src="https://github.com/shadiabuhilal/wizard-step-indicator-react/raw/main/docs/screenshots/screenshot-wizard-step-indicator-react.gif" width="400" />
 
+<br/>
 Default Style:
-
+<br/>
 <img src="https://github.com/shadiabuhilal/wizard-step-indicator-react/raw/main/docs/screenshots/screenshot-wizard-step-indicator-react-1.png" width="300" />
 
+<br/>
 Custom Style:
-
+<br/>
 <img src="https://github.com/shadiabuhilal/wizard-step-indicator-react/raw/main/docs/screenshots/screenshot-wizard-step-indicator-react-2.png" width="300" />
 
+## Install
+```
+npm i wizard-step-indicator-react
+```
+
+-----------
+
 ## Usage
 
 ### import wizard-step-indicator-react
+
 ```js
 import WizardStepIndicator from 'wizard-step-indicator-react';
 ```