Drogen

A Drogen is a pulsating marker used for drawing attention to specific page elements

Usage

<Drogen size="32px" color="#03c" top="50%" left={0}>
  <h1>My Header</h1>
</Drogen>

Properties

• size: The size of the Drogen (default: 32px)
• color: The color of the Drogen (default: #39c)
• top / left: The position of the Drogen relative the children (default top: 50%, left: 0)

TODO

• Better positioning than top and left (duh)
• OnClick handling for custom functionality
• Optional title text on hover
• Eslint for style consistency
• Tests!