@comparaonline/ui-promotions-message-banner

yarn add @comparaonline/ui-promotions-message-banner

Usage no npm install needed!

<script type="module">
  import comparaonlineUiPromotionsMessageBanner from 'https://cdn.skypack.dev/@comparaonline/ui-promotions-message-banner';
</script>

README

@comparaonline/ui-promotions-message-banner

Installation

yarn add @comparaonline/ui-promotions-message-banner

Usage

import { MessageBanner } from '@comparaonline/ui-promotions-message-banner';

<MessageBanner
  backgroundColor="..."
  title="..."
  content="..."
  imageUrl="..."
  link={{ url: "...", text: "..." }}
/>

prop	required	type	description
`backgroundColor`	`true`	`string`	Background color of container
`content`	`true`	`string`	Content text
`title`	`false`	`string`	Title text
`imageUrl`	`false`	`string`	Url of image
`link`	`false`	`object: { url: string, text: string }`	Text and url of content link