Flag

Use the Flag component for stylized merchandising messages.

Hello
<Card py={3}>
  <Flag>
    Hello
  </Flag>
</Card>
Hello
<Card py={3}>
  <Flag width={192} bg='purple'>
    Hello
  </Flag>
</Card>

Props

PropTypeDescription
colorstringText color
bgstringBackground color