Skip to content

Commit 9befb67

Browse files
Merge remote-tracking branch 'origin' into dev
2 parents 641b1b5 + 91827e8 commit 9befb67

14 files changed

+35930
-25611
lines changed

README.md

Lines changed: 2 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,7 @@
22

33
<a href="https://www.npmjs.com/package/@keyvaluesystems/react-stepper"><img src="https://badgen.net/npm/v/@keyvaluesystems/react-stepper?color=blue" alt="npm version"></a> <a href="https://www.npmjs.com/package/@keyvaluesystems/react-stepper" ><img src="https://img.shields.io/npm/dw/@keyvaluesystems/react-stepper?label=Downloads" /></a> <a href="https://github.com/KeyValueSoftwareSystems/react-stepper"><img src="https://github.com/KeyValueSoftwareSystems/react-stepper/actions/workflows/update-and-publish.yml/badge.svg" alt="" /></a>
44

5-
<table>
6-
<tr>
7-
<td align="center">
8-
<img src="./src/assets/vertical-stepper-example.png" alt="" width="155" height="252" />
9-
<br />
10-
Vertical Stepper
11-
</td>
12-
<td align="center">
13-
<img src="./src/assets/horizontal-stepper-example.png" alt="" width="518" height="118" />
14-
<br />
15-
Horizontal Stepper
16-
</td>
17-
</tr>
18-
</table>
5+
<img src="./src/assets/stepper-example.png" alt="" width="766" height="310" />
196

207
A fully customizable ready to use stepper UI package for React.
218
Try tweaking a stepper using this codesandbox link <a href="https://codesandbox.io/p/sandbox/react-stepper-zp2jrs?file=%2Fsrc%2FApp.js" >here</a>
@@ -141,20 +128,6 @@ Props that can be passed to the component are listed below:
141128
Prop that allows for dynamic content display when the step is active
142129
</td>
143130
<td><code>undefined</code></td>
144-
</tr>
145-
<tr>
146-
<td><code><b>completedNodeStyle?</b></td>
147-
<td>
148-
Prop that allows for dynamic styling of completed nodes
149-
</td>
150-
<td><code>undefined</code></td>
151-
</tr>
152-
<tr>
153-
<td><code><b>currentNodeStyle?</b></td>
154-
<td>
155-
Prop that allows for dynamic styling of current active node
156-
</td>
157-
<td><code>undefined</code></td>
158131
</tr>
159132
<tr>
160133
<td><code><b>styles?:</b> object</code></td>
@@ -173,7 +146,7 @@ Below code shows how to override the default styles of completed steps, connecto
173146

174147
```jsx
175148
import React from "react";
176-
import Stepper from "react-stepper";
149+
import Stepper from "@keyvaluesystems/react-stepper";
177150

178151
function App() {
179152

0 commit comments

Comments
 (0)