Banner

A bold surface that should be displayed before any other page content.

Examples

Basic Banner

Duis ut ea fugiat cillum.

<Banner>
  Some banner copy
</Banner>

With Icons

Est voluptate sunt sit ad amet ipsum.

Est voluptate sunt sit ad amet ipsum.

Est voluptate sunt sit ad amet ipsum.

Est voluptate sunt sit ad amet ipsum.

<Banner
  iconStart={iconNameOrComponent}
  iconEnd={iconNameOrComponent}
  iconPromo={iconNameOrComponent}
>
  ...
</Banner>

Props

Name	Type	Default Value	Required	Description
iconEnd	"head" | "circle" | ReactElement<any, string | JSXElementConstructor<any>> | "placeholder" | IconName | "accordion-caret-down" | ... 13 more ...		No	An icon to render at the end of the input.
iconPromo	"head" | "circle" | ReactElement<any, string | JSXElementConstructor<any>> | "placeholder" | IconName | "accordion-caret-down" | ... 13 more ...		No	An icon to render to the left of the copy.
iconStart	"head" | "circle" | ReactElement<any, string | JSXElementConstructor<any>> | "placeholder" | IconName | "accordion-caret-down" | ... 13 more ...		No	An icon to render at the front of the input.