https://github.com/lfkwtz/react-native-shapes
🧡 A collection of simple shapes built with CSS for use as icons, buttons, graphics, etc..
https://github.com/lfkwtz/react-native-shapes
css expo icons react react-native shapes
Last synced: 10 months ago
JSON representation
🧡 A collection of simple shapes built with CSS for use as icons, buttons, graphics, etc..
- Host: GitHub
- URL: https://github.com/lfkwtz/react-native-shapes
- Owner: lfkwtz
- License: mit
- Created: 2019-01-18T15:31:58.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-08-11T01:16:41.000Z (almost 5 years ago)
- Last Synced: 2025-04-13T22:08:58.795Z (about 1 year ago)
- Topics: css, expo, icons, react, react-native, shapes
- Language: JavaScript
- Homepage:
- Size: 120 KB
- Stars: 13
- Watchers: 0
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-shapes
[](https://badge.fury.io/js/react-native-shapes)
[](https://www.npmjs.com/package/react-native-shapes)
🔻 A collection of simple shapes built with CSS for use as icons, buttons, graphics, etc..
[View example on snack.expo.io](https://snack.expo.io/@lfkwtz/react-native-shapes)
## Getting Started
### Installing
`npm install react-native-shapes`
### Usage
`import { Chevron, Heart, Triangle } from 'react-native-shapes'`
### Shapes
- Chevron (also supports `type` prop of thin (default) or thick)
- Heart
- Triangle (also supports `type` prop of equilateral (default) or isosceles)
### Props
| Name | Type | Description |
| ------ | ------ | ------------------------------------------------------ |
| Color | String | Changes the color of the shape. Defaults to black. |
| Rotate | Int | Rotates the shape clockwise. |
| Size | Float | Changes the size of the shape. Defaults to 1. |
| Style | Object | Style overrides to spread onto the outer wrapping View |
## License
react-native-shapes is [MIT licensed](https://github.com/lfkwtz/react-native-shapes/tree/master/LICENSE)