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'
/>