Plan Pill Switch

Back to components
Plan Pill Switch React component

What is this?

A white pill switch. The selected plan slides into a black capsule: Free on the left, Premium with Monthly · Annual on the right. Swap the labels, then drop it at the top of a pricing block.

Plan Pill Switch — React component | DesignLayer