@atul15r/react-tabs - npm Package Compare versions

Comparing version 0.0.7 to 1.0.0

package.json

@@ -6,3 +6,3 @@ {
   },
-  "version": "0.0.7",
+  "version": "1.0.0",
   "description": "React Tab Navigations Component",
@@ -9,0 +9,0 @@ "scripts": {

README.md

 ## React Tabs
 
-![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
-![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
+![Build](https://github.com/atul15r/react-tabs/actions/workflows/main.yml/badge.svg)
+![Download](https://img.shields.io/npm/dt/@atul15r/react-tabs.svg)
 
@@ -74,11 +74,11 @@ **React-Tabs is an animated tab navigation component which is designed for react
 
-| name            | type     | required | default   | description                                                                                                                                     |
-|-----------------|----------|----------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------|
-| tabs            | array    | true     | []        | it takes an array of object       `{       title: string \| ReactNode   }[]`                                                                    |
-| tabsClassName   | string   | false    | undefined | add any custom class you want                                                                                                                   |
-| tabsStyle       | object   | false    | undefined |        `wrapperStyle=  {{                    background:"#ccc",                    color:"#999",                    ...etc                  }}` |
-| tabClassName    | string   | false    | undefined | add any custom class you want                                                                                                                   |
-| tabStyle        | object   | false    | undefined |  `   itemStyle= {{        padding:4, }}`                                                                                                        |
-| borderStyle     | object   | false    | undefined |  `borderStyle= {{        background:#6b6b6b, }}`                                                                                                |
-| borderClassName | string   | false    | undefined | add any custom class you want                                                                                                                   |
-| onChange        | function | false    | undefined |  `   onChange={(tabIndex)=>setCurrentTab(tabIndex)} `                                                                                           |
+| name            | type     | required | default   | description                                                    |
+| --------------- | -------- | -------- | --------- | -------------------------------------------------------------- |
+| tabs            | array    | true     | []        | it takes an array of object `{ title: string \| ReactNode }[]` |
+| tabsClassName   | string   | false    | undefined | add any custom class you want                                  |
+| tabsStyle       | object   | false    | undefined | `wrapperStyle= {{ background:"#ccc", color:"#999", ...etc }}`  |
+| tabClassName    | string   | false    | undefined | add any custom class you want                                  |
+| tabStyle        | object   | false    | undefined | ` itemStyle= {{ padding:4, }}`                                 |
+| borderStyle     | object   | false    | undefined | `borderStyle= {{ background:#6b6b6b, }}`                       |
+| borderClassName | string   | false    | undefined | add any custom class you want                                  |
+| onChange        | function | false    | undefined | ` onChange={(tabIndex)=>setCurrentTab(tabIndex)}`              |

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

84

increased by1.2%

Worsened metrics

Total package byte prevSize

42725

decreased by-2.04%

No dependency changes