https://github.com/null-none/rn-dividers

Divider component for react-natives
https://github.com/null-none/rn-dividers

divider native react react-native

Last synced: 7 months ago
JSON representation

Divider component for react-natives

• Host: GitHub
• URL: https://github.com/null-none/rn-dividers
• Owner: null-none
• License: mit
• Created: 2020-07-31T12:50:40.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-02-06T15:08:36.000Z (over 4 years ago)
• Last Synced: 2025-03-01T07:05:47.711Z (7 months ago)
• Topics: divider, native, react, react-native
• Language: JavaScript
• Homepage:
• Size: 30.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# rn-dividers

Divider component for react-natives

# Install

```js

yarn add rn-dividers

// or

npm install rn-dividers --save

```

# usage

```js

import Divider from 'rn-dividers';

Divider;

```

![default](./Images/default.jpg)

# Props

| Prop          | Type                          | default           | Description                                                    |

| ------------- | ----------------------------- | ----------------- | -------------------------------------------------------------- |

| `dashed`      | Boolean                       | false             | whether line is dashed                                         |

| `orientation` | enum: `left` `center` `right` | left              | this is optional, if not set it will have the text in the left |

| `borderColor` | String                        | `#e8e8e8`         | line color                                                     |

| `color`       | String                        | `rgba(0,0,0,.85)` | font color                                                     |

example:

```js

import Divider from 'rn-dividers';

    Divider

;

```

![color](./Images/colors.jpg)