react-native-triangle

draw triangle views in react native

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-native-triangle
14140.0.97 years ago9 years agoMinified + gzip package size for react-native-triangle in KB

Readme

react-native-triangle
Draw triangles in code with React Native
A class to encapsulate the CSS triangle hack. Based off the output of the triangle generator http://apps.eky.hk/css-triangle-generator/ but modified for React Native syntax.

Installation

npm install react-native-triangle --save
Then
import Triangle from 'react-native-triangle';

Usage

Sample JSX will produce the triangle below:
<Triangle
  width={90}
  height={150}
  color={'#D80016'}
  direction={'right'}
/>
alt text
The width and height act as bounds to fit the triangle into.

Supported Directions

  • up
  • right
  • down
  • left
  • up-left
  • up-right
  • down-left
  • down-right