Stamp

Use the Stamp component to subtly display attributes alongside listing cells and on product detail pages. Use it in conjunction with an Icon component to give it more context. An Icon placed within a Stamp will inherit the assigned Stamp color.

top booked hotel
<Stamp color='purple'>
  <Icon name='trendingUp' size={16} mr={1} /> top booked hotel
</Stamp>

Props

PropTypeDescription
bgstringSets background color
borderColorstringSets border color
colorstringSets both Text and Icon color
pxnumber, string, or arraySets padding-left and padding-right
pynumber, string, or arraySets padding-top and padding-bottom
mxnumber, string, or arraySets margin-left and margin-right
mynumber, string, or arraySets margin-top and margin-bottom