Preview

Usage

import { Banner } from "natmfat/components/Banner";
import { tokens } from "natmfat/lib/tokens";

<Banner
  backgroundImage=""
  backgroundColor={tokens.blurpleDefault}
  heading="100 Days of Python is here!"
  subheading="Learn Python with our new course."
  buttons={[{ text: "Open Course" }]}
/>

Reference

Prop	Type	Default
backgroundImage	string
backgroundColor	ColorStyles
heading	string
subheading	string
maxTextWidth	number	640
verticalAlign	"start""end"
buttons	ButtonProps[]	[]
gradientStartColor	string	"rgba(15, 23, 38, .5)"
gradientEndColor	string	"rgba(15, 23, 38, 0)"
closable	boolean	false
onClose	() => void