Skip to Content
📣 See the latest news →
Resources🧩 ComponentsPicker

Picker

The Picker component allows you to create a picker effect with any list of items. Inspired by the iOS picker, it allows you to create a similar scroll-to-select experience with any list of items.

Full documentation and API reference available at gfazioli.github.io/mantine-picker 

Installation

yarn add @gfazioli/mantine-picker

Overview

Picker provides an iOS-style scroll wheel selector:

  • Scroll-to-select — smooth scroll snapping to items
  • Custom items — render any React node as picker items
  • Controlled and uncontrolled value
  • Multiple columns — combine pickers side by side
  • Mantine theme integration — colors, sizes, fonts
Last updated on