Variant pills

“Variant pills” are small, clickable UI elements commonly used in e-commerce platforms to display product options, such as color, size, or style. They allow users to quickly select and view different variations of a product while maintaining a clean and user-friendly interface.


Border settings


Customize the appearance of your border:

Setting Description
Corner radius Control the corner shape of variant pills by adjusting the slider. Achieve the desired level of roundness or squareness, aligning them with your design vision. The range is from 0px to 40px.
Thickness Use the slider to adjust thickness of border. The range is from 0px to 6px.
Opacity You can increase or decrease visibility of border color to make it more expressive or less noticeable. The range is from 0% to 100%.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us