https://github.com/alexanderwallin/good-guy-caret

Good Guy Caret helps you create carets for your React tooltips and other things 🔺🔻
https://github.com/alexanderwallin/good-guy-caret

Last synced: 4 days ago
JSON representation

Good Guy Caret helps you create carets for your React tooltips and other things 🔺🔻

• Host: GitHub
• URL: https://github.com/alexanderwallin/good-guy-caret
• Owner: alexanderwallin
• Created: 2018-06-15T07:11:08.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-06-15T09:00:36.000Z (over 6 years ago)
• Last Synced: 2024-08-09T07:41:51.055Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 87.9 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

  


    


  Good Guy Caret



Need your tooltip to point to the source of its existence? Got a select that ought to have a nice, juicy caret pointer at its right end? **Good Guy Caret has got your back.**

Good Guy Caret allows you to easily create carets of different styles and ratios in your React thingamajiggy:

```js

import Caret, { Direction } from 'good-guy-caret'

```

This is handy when:

- you need carets but don't want to include an entire icon font or library;

- the icon font or library you're using have a filled or stroked version bot not the other, and because you are the Elvis of web development you want both;

- the graphic designer naively puts a nice box shadow on the tooltip caret, and no one (not even you) wants to hear you explain that _it's actually quite tricky_: Good Guy Caret will shadow your box;

- you've visited the [CSS Triangles](https://css-tricks.com/snippets/css/css-triangle/) article on CSS-Tricks one too many times; or

- you believe there are too many HTTP requests already roaming the Internet, and hence adhere to inline `` whenever you can.