@berhiber/fqdbanner

FQDesign Banner Component

Usage no npm install needed!

<script type="module">
  import berhiberFqdbanner from 'https://cdn.skypack.dev/@berhiber/fqdbanner';
</script>

README

See this FQ Design Languange

Usage

props required types value result not specified
type no string warning orange danger
danger red
message yes string "Any Value" split to first 60 chars
resolve no string "Aby Value" message link, converted to anchor message
urlTo no string "Any Value" link to, converted to href value in anchor message

Example

import Avatar from "@bia/fqdavatar";

..

<Banner
    message={`Looks like we're having trouble retrieving some information`}
    resolveLink={`http://google.com`}
    resolveMessage={`Please
    refresh the page`}
    type='warning'
  />