npmpackage.info

Gathering detailed insights and metrics for react-native-hr-component

Other packages similar to react-native-hr-component

react-native-hr

1.1.4

Horizontal line component for React Native

react-native-hr-plus

1.0.6

Configurable HR component for your React Native app

@genesy/react-native-hr

1.0.0

Native React <Hr> Component

react-native-customisable-alert-hr

0.0.1

React Native customisable alert utility

Gathering detailed insights and metrics for react-native-hr-component

react-native-hr-component - 2.0.3 | npmpackage.info

react-native-hr-component

Customizable hr component for react native

2.0.3

JavaScript

53.67 kB

2.6

Installations

npm install react-native-hr-component

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.16.0

NPM Version

6.9.0 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

3

Closed

3

Releases

2.0.3

2.03

Updated on Jul 25, 2019

v2.0.0

Updated on Jan 10, 2019

View All 2 releases

Languages

JavaScript

JavaScript (100%)

Developer

mehulmpt

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

18 Stars

18 Commits

1 Watchers

1 Branches

1 Contributors

Updated on Nov 29, 2024

Maintainers

View All 1 Contributors

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

NPM Version

6.9.0

Node Version

10.16.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react react-native

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.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

SAST

Determines if the project uses static code analysis.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

License

Determines if the project has defined a license.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

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