Corner radius
Corner radius controls how rounded each element's corners are. Each element type has its own setting, so buttons, badges, media, drawers, and more can be shaped independently.
Buttons and inputs
Rounds buttons and form input fields.
Badges and subheadings
A single control for product badges (such as "Sale" or "New") and subheading eyebrow labels.
Variant pickers
Rounds variant selectors shown as buttons or a dropdown (product page, quick add, quick edit, bundle builder, and more).
Swatches
Rounds color and image swatches on product cards and the product page variant picker.
Navigation
Rounds prev/next navigation buttons on carousels and sliders.
Media containers
Rounds media, product cards, pop-ups, popovers, and blocks.
Tags
Rounds applied filters, discount codes, and search suggestions.
Overlay
Drawers
Rounds cart, search, and mobile menu drawers.
Bottom sheets
Rounds bottom-sheet overlays on mobile.
Last updated