Skip to content
native cook
Esc

Loading the catalog…

Pricing Segmented Button


A two-level pricing switch. A near-white pill-shaped track with a thin grey border and a soft shadow, on a white screen, is split into Free and Premium with a black pill behind the selected half; choosing Premium opens the black pill into a second switch, Monthly and Annual, with its own white pill.

Category
Buttons
Added
Oct 11, 2026
Stacks
RN · Swift · Kotlin

Is this your design? Ask for a correction or removal

React Native · Expo SDK 52+, TypeScript

✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.