Simple

<Pill hover focus>
  Pill
</Pill>

Round

<Pill variant="textRound">Text Pill</Pill>

Square

<Pill variant="textSquare">Text Pill</Pill>

Filter

<Pill variant="filter">Filter Pill</Pill>

Artist Name Pill

<Pill variant="artist">Artist Name Pill</Pill>

With Image

<Pill variant="artist" src="https://picsum.photos/seed/user/30/30">
  Artist Name Pill
</Pill>

With Icon

<Pill
  variant="textSquare"
  as={Clickable}
  onClick={console.log.bind(console)}
  aria-label="Remove Painting"
>
  Painting <CloseIcon fill="currentColor" ml={0.5} width={15} height={15} />
</Pill>
On this page
Simple
Round
Square
Filter
Artist Name Pill
With Image
With Icon