Gathering detailed insights and metrics for @nextpy/button
Gathering detailed insights and metrics for @nextpy/button
Installations
npm install @nextpy/buttonDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS, ESM
Node Version
20.7.0
NPM Version
10.1.0
Score
33.9
Supply Chain
71
Quality
74.2
Maintenance
100
Vulnerability
99.3
License
Releases
3,434
@chakra-ui/react@3.8.0
@chakra-ui/react@3.8.0
Updated on Feb 09, 2025
@chakra-ui/panda-preset@3.8.0
@chakra-ui/panda-preset@3.8.0
Updated on Feb 09, 2025
@chakra-ui/cli@3.8.0
@chakra-ui/cli@3.8.0
Updated on Feb 09, 2025
@chakra-ui/panda-preset@3.7.0
@chakra-ui/panda-preset@3.7.0
Updated on Feb 04, 2025
@chakra-ui/react@3.7.0
@chakra-ui/react@3.7.0
Updated on Feb 04, 2025
@chakra-ui/cli@3.7.0
@chakra-ui/cli@3.7.0
Updated on Feb 04, 2025
Contributors
682
Languages
6
TypeScript
MDX
JavaScript
CSS
HTML
Shell
TypeScript (82.72%)
MDX (16.47%)
JavaScript (0.65%)
CSS (0.08%)
HTML (0.07%)
Love this project? Help keep it running — sponsor us today! 🚀
Developer
Download Statistics
Total Downloads
143
Last Day
1
Last Week
2
Last Month
13
Last Year
52
GitHub Statistics
MIT License
38,517 Stars
10,472 Commits
3,358 Forks
202 Watchers
18 Branches
682 Contributors
Updated on Feb 17, 2025
Maintainers
1
Package Meta Information
Latest Version
2.1.0
Package Id
@nextpy/button@2.1.0
Unpacked Size
4.81 kB
Size
2.12 kB
File Count
3
NPM Version
10.1.0
Node Version
20.7.0
Published on
Nov 09, 2023
Total Downloads
Cumulative downloads
Total Downloads
143
Last Day
0%
1
Compared to previous day
Last Week
-60%
2
Compared to previous week
Last Month
116.7%
13
Compared to previous month
Last Year
-42.9%
52
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
4
Peer Dependencies
2
Button
Buttons are used as triggers for actions. They are used in forms, toolbars, dialog footers and as stand-alone action triggers.
Installation
1yarn add @chakra-ui/button 2 3# or 4 5npm i @chakra-ui/button
Import component
1import { Button } from "@chakra-ui/button"
Usage
1<Button colorScheme="green">Button</Button>
Button Sizes
Use the size prop to change the size of the button. You can set the value to
xs, sm, md, or lg.
1<Stack>
2 <Button size="xs">Button</Button>
3 <Button size="sm">Button</Button>
4 <Button size="md">Button</Button>
5 <Button size="lg">Button</Button>
6</Stack>Button Variant
Use the variant prop to change the visual style of the Button. You can set the
value to solid, ghost, outline, or link.
1<ButtonGroup> 2 <Button variant="solid">Button</Button> 3 <Button variant="outline">Button</Button> 4 <Button variant="ghost">Button</Button> 5 <Button variant="link">Button</Button> 6</ButtonGroup>
Button with Icon
You can add left and right icons to the Button components.
1<ButtonGroup> 2 <Button leftIcon={<EmailIcon />} variant="solid"> 3 Email 4 </Button> 5 <Button rightIcon={<ArrowForwardIcon />} variant="outline"> 6 Call us 7 </Button> 8</ButtonGroup>
Button loading state
Pass isLoading prop to the Button component to show its loading state. You can
optionally pass loadingText prop.
You can also use a custom spinner to render your own spinner component.
1<Stack> 2 <Button isLoading colorScheme="teal" variant="solid"> 3 Email 4 </Button> 5 6 <Button 7 isLoading 8 colorScheme="teal" 9 variant="outline" 10 spinner={<BarSpinner />} 11 > 12 Submit 13 </Button> 14</Stack>
No vulnerabilities found.
Reason
30 commit(s) and 11 issue activity found in the last 90 days -- score normalized to 10
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
no binaries found in the repo
Reason
7 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
- Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-c76h-2ccp-4975
- Warn: Project is vulnerable to: GHSA-9crc-q9x8-hgqq
Reason
Found 5/26 approved changesets -- score normalized to 1
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: topLevel 'actions' permission set to 'write': .github/workflows/issue-stale.yml:10
- Warn: no topLevel permission defined: .github/workflows/quality.yml:1
- Warn: no topLevel permission defined: .github/workflows/release.yml:1
- Info: no jobLevel write permissions found
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/issue-stale.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/issue-stale.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:43: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:56: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:69: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/quality.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/release.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/release.yml/main?enable=pin
- Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/release.yml/main?enable=pin
- Info: 0 out of 8 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 1 third-party GitHubAction dependencies pinned
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 9 are checked with a SAST tool
Score
4.2
/10
Last Scanned on 2025-02-10
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More