@dhasdk/simple-ui 1.0.56 → 1.0.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/index.js +15 -15
- package/index.mjs +519 -518
- package/lib/ProgressBar.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -53,6 +53,9 @@ Tooltip
|
|
|
53
53
|
|
|
54
54
|
## Changelog
|
|
55
55
|
|
|
56
|
+
1.0.57 - added **`className`** prop to **`ProgressBar`** to style the outer div that is the container
|
|
57
|
+
for the ProgressBar component.
|
|
58
|
+
|
|
56
59
|
1.0.56 - **`ProgressBar`** fix for z-level when **`showMarkers`** is false
|
|
57
60
|
|
|
58
61
|
1.0.55 - added **`classNameLabel`** to **GroupCheckBox** and **CheckBox**, added remaining **`className...`** props to **ChecKBoxGroup**, added **`customIcons`** prop to both **CheckBox** and **CheckBoxGroup** components.
|
|
@@ -1337,6 +1340,7 @@ Full list of props below
|
|
|
1337
1340
|
| totalSteps | **`number`** | No | **`undefined`** | Total number of steps to be displayed in the progress bar. |
|
|
1338
1341
|
| currentStep | **`number`** | No | **`undefined`** | Current (active) step. |
|
|
1339
1342
|
| isStep | **`boolean`** | Yes | **`true`** | Controls whether steps inside the circle are displayed as numbers, or if false, displayed as checkmarks/dashes. |
|
|
1343
|
+
| className | **`string`** | Yes | **`flex items-center w-full`** | Alternate CSS classes to apply to the <strong>div</strong> that is the container for the **ProgressBar** component. |
|
|
1340
1344
|
| classNameArrowColor | **`string`** | Yes | **`fill-[#305B25]`** | Controls the color of the arrow that points from last completed step to current step. |
|
|
1341
1345
|
| classNameBorderColor | **`string`** | Yes | **`border-[#305B25]`** | Controls the color of the border around each completed step's circle. |
|
|
1342
1346
|
| classNameFillColor | **`string`** | Yes | **`bg-green-500`**, see notes for **showMarkers** below | Controls the fill color of each completed step's circle. |
|