Gathering detailed insights and metrics for @chakra-ui/slider
Gathering detailed insights and metrics for @chakra-ui/slider
Chakra UI is a component system for building products with speed ⚡️
Installations
npm install @chakra-ui/sliderDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS, ESM
Node Version
18.16.1
NPM Version
9.5.1
Score
91.1
Supply Chain
83.4
Quality
77.6
Maintenance
100
Vulnerability
99.3
License
Releases
3,428
@chakra-ui/react@3.6.0
@chakra-ui/react@3.6.0
Published on 02 Feb 2025
@chakra-ui/panda-preset@3.6.0
@chakra-ui/panda-preset@3.6.0
Published on 02 Feb 2025
@chakra-ui/cli@3.6.0
@chakra-ui/cli@3.6.0
Published on 02 Feb 2025
@chakra-ui/react@3.5.1
@chakra-ui/react@3.5.1
Published on 24 Jan 2025
@chakra-ui/panda-preset@3.5.1
@chakra-ui/panda-preset@3.5.1
Published on 24 Jan 2025
@chakra-ui/cli@3.5.1
@chakra-ui/cli@3.5.1
Published on 24 Jan 2025
Contributors
677
Languages
6
TypeScript
MDX
JavaScript
CSS
HTML
Shell
TypeScript (82.8%)
MDX (16.39%)
JavaScript (0.66%)
CSS (0.08%)
HTML (0.07%)
Developer
Download Statistics
Total Downloads
73,737,776
Last Day
79,580
Last Week
346,879
Last Month
1,577,329
Last Year
26,142,967
GitHub Statistics
38,423 Stars
10,430 Commits
3,346 Forks
202 Watching
17 Branches
677 Contributors
Bundle Size
31.01 kB
Minified
9.01 kB
Minified + Gzipped
Maintainers
2
Package Meta Information
Latest Version
2.1.0
Package Id
@chakra-ui/slider@2.1.0
Unpacked Size
501.48 kB
Size
103.33 kB
File Count
45
NPM Version
9.5.1
Node Version
18.16.1
Publised On
18 Jul 2023
Total Downloads
Cumulative downloads
Total Downloads
73,737,776
Last day
-3%
79,580
Compared to previous day
Last week
-15.7%
346,879
Compared to previous week
Last month
-3.8%
1,577,329
Compared to previous month
Last year
10.2%
26,142,967
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
10
Peer Dependencies
2
Versions
@chakra-ui/slider
The Slider is used to allow users to make selections from a range of values.
Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.
Installation
1yarn add @chakra-ui/slider 2 3# or 4 5npm i @chakra-ui/slider
Import components
1import { 2 Slider, 3 SliderTrack, 4 SliderFilledTrack, 5 SliderThumb, 6} from "@chakra-ui/react"
Usage
1<Slider defaultValue={30}> 2 <SliderTrack> 3 <SliderFilledTrack /> 4 </SliderTrack> 5 <SliderThumb /> 6</Slider>
Changing the slider color
1<Slider colorScheme="pink" defaultValue={30}> 2 <SliderTrack> 3 <SliderFilledTrack /> 4 </SliderTrack> 5 <SliderThumb /> 6</Slider>
Customized Sliders
Slider component was designed to be composed to make it easy for you to customize its styles.
1<Slider defaultValue={30}> 2 <SliderTrack bg="red.100"> 3 <SliderFilledTrack bg="tomato" /> 4 </SliderTrack> 5 <SliderThumb size={6}> 6 <Box color="tomato" as={MdGraphicEq} /> 7 </SliderThumb> 8</Slider>
No vulnerabilities found.
Reason
30 commit(s) and 13 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
5 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-mwcw-c2x4-8c55
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-c76h-2ccp-4975
Reason
Found 7/21 approved changesets -- score normalized to 3
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/pkg-pr.yml:1
- 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/pkg-pr.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/pkg-pr.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pkg-pr.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/chakra-ui/chakra-ui/pkg-pr.yml/main?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/quality.yml:14: 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:27: 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:40: 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:53: 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:66: 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 10 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 16 are checked with a SAST tool
Score
4.6
/10
Last Scanned on 2025-01-27
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