title: CSS Triangles in React Native
body: <p><img src="https://i.stack.imgur.com/Ge3Zc.png" alt="triangle"></p>
  
  <p>I'm working on an app that uses triangles that overlay other containers/divs. Had that solved with CSS before:</p>
  
  <pre><code>.triangle:after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: -15px;
    width: 0;
    border-width: 0px 0px 15px 15px;
    border-style: solid;
  }
  </code></pre>
  
  <p>but that doesn't work in React any more. What's the best solution to go here?</p>