Variant pills

Border

  • Thickness: Set the thickness of the product variant tab border to control the width of the border line.

  • Opacity: Adjust the opacity of the product variant tab border to change its transparency.

  • Corner radius: Set the corner radius of the product variant tab border to create a rounded corner effect for the tab.

Shadow

  • Opacity: Control the opacity of the product variant tab shadow to adjust its transparency.

  • Horizontal offset: Set the horizontal offset of the product variant tab shadow to change its position in the horizontal direction.

  • Vertical offset: Set the vertical offset of the product variant tab shadow to adjust its position in the vertical direction.

  • Blur: Adjust the blur degree of the product variant tab shadow to change its blurring effect.

Suggestion: Use distinct borders or shadows for selected variant pills to help customers easily identify their choices.

PreviousButtonsNextInputs

Last updated