Gathering detailed insights and metrics for react-native-hr-component
Gathering detailed insights and metrics for react-native-hr-component
Installations
npm install react-native-hr-componentDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
10.16.0
NPM Version
6.9.0
Languages
1
JavaScript
JavaScript (100%)
Developer
mehulmpt
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
18 Stars
18 Commits
1 Watchers
1 Branches
1 Contributors
Updated on Nov 29, 2024
Maintainers
1
Package Meta Information
Latest Version
2.0.3
Package Id
react-native-hr-component@2.0.3
Unpacked Size
53.67 kB
Size
44.15 kB
File Count
5
NPM Version
6.9.0
Node Version
10.16.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
2
React Native Hr Component
Use this component if you want to add and customize text between a line in your component, something like this:
Installation
NPM
1npm i react-native-hr-component -S
Yarn
1yarn add react-native-hr-component
Usage
1import Hr from "react-native-hr-component"; 2 3<Hr lineColor="#eee" width={1} text="Dummy Text" textStyles={customStylesHere} />
Your Text Styles will be applied to the "Dummy Text" you passed in.
1customStylesHere: { 2 fontWeight: "bold", 3 color: "orange" 4}
Properties
| Prop | Default | Type | Description |
|---|---|---|---|
| color | black | color | Color for the border on both sides |
| thickness | 1 | number | Thickness of the hr bar |
| text | 1 | number or string | Text between the hr bars |
| textStyles | {} | object | Stylesheet object applied on the text supplied |
| hrStyles | {} | object | Stylesheet object applied on the main hr view |
| textPadding | 3 | number | Distance between text and hr bars |
| fontSize | Default App value | number | Font size of text |
| hrPadding | 0 | number | Distance between hr bars and edge of parent component |
Note: Setting through textStyles will overwrite the default CSS behavior provided by textPadding, fontSize, etc.
Contributing
PRs are welcome.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
Found 0/18 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
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
license file not detected
Details
- Warn: project does not have a license file
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Score
2.6
/10
Last Scanned on 2025-07-07
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