Pill

<Arrange gap="small">
  <Pill color='grey8' backgroundColor='yellow'>Pill</Pill>
  <Pill color='white' backgroundColor='grey7'>Pill</Pill>
  <Pill color='grey8' backgroundColor='blue'>Pill</Pill>
</Arrange>

<Arrange gap="small">
  <Pill
    icon={<SvgArrowForward />}
    iconPosition='left'
    color='grey8'
    backgroundColor='grey2'
  >
    Icon on left
  </Pill>
  <Pill
    icon={<SvgArrowForward />}
    iconPosition='right'
    color='grey8'
    backgroundColor='grey2'
  >
    Icon on right
  </Pill>
</Arrange>