Skip to content
native cook
Esc

Loading the catalog…

Segmented Ring Selector


A round control of two concentric wheels around a white disc, 340 pt across on a dark teal screen, with one fixed index at 12 o'clock. The inner, light grey ring carries nine items as slate glyphs (paint, wheels, steering, locks, charge…); the one under the index sits in a coloured wedge with its name in white and a small tab pointing outward. The outer ring is a thin band of translucent blocks, the options of that item, fading away towards the bottom: the block under the index stands twice as tall in its own colour, and the disc names the option in a light, wide type over a small bold line in the wedge's colour.

Category
Pickers
Added
Oct 12, 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.