Draw triangles in code with React Native
JavaScript
Clone or download
Latest commit d551f8f Aug 29, 2017

README.md

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