githubmirror/carbon

components/WindowPointer.js

22 строки552 B

Jake Dexheimer

minor aesthetic tweaks

28 ноя 2018, 02:29

28 ноя 2018, 02:29479e3b7

import React from 'react'

export default ({ fromLeft, fromRight, color = '#fff' }) => (
  <div>
    <div className="window-pointer" />
    <style jsx>
      {`
        .window-pointer {
          width: 0px;
          height: 0px;
          border-style: solid;
          border-width: 0 5px 6px 5px;
          border-color: transparent transparent ${color} transparent;
          position: absolute;
          top: -8px;
          left: ${fromLeft || 'initial'};
          right: ${fromRight || 'initial'};
        }
      `}
    </style>
  </div>
)