@particles/feedback-banner

Feedback banner builder that comes with tooltip and button

Usage no npm install needed!

<script type="module">
  import particlesFeedbackBanner from 'https://cdn.skypack.dev/@particles/feedback-banner';
</script>

README

Feedback Banner

Feedback banner builder that comes with tooltip and button. Title, tooltip text, button text, and button link can be configured through props.

Example

beta_feedback

API

FeedbackBanner

The main component to render.

props

title : String - The heading. Will probably be Beta but internationalized.

tooltipText : String - Some details about the beta for the tooltip.

buttonText : String - The CTA text. Will probably be Submit Your Feedback but internationalized.

buttonLink : String - A URL to open in new tab. Could be a UserVoice link.

stylesheets : Array - Array of CSS Modules object to over-write styles.

Change Log

0.2.1

  • Variant style specificity increased

0.2.0

  • Breaking change: buttonLink replaced with handleClick event listener
  • Optional Tooltip and Button
  • 'Info' and 'Deprecate' variants

0.1.3

  • core-react@^4

0.1.2

  • Removes dependency on @procore/core-css
  • Wraps submit button in a tag

0.1.1

  • Fixes tooltip z-index and enlarges icon size

0.1.0

  • Initial commit