WheelPicker

A wheel-style control for picking values from a list.

Usage

Used to select a single value from a list of options using a wheel-like interaction.

import { WheelPicker } from "@elemnts-ui/react"

const options = [
  { label: "Gaming", value: "gaming" },
  { label: "Karate", value: "karate" },
  { label: "Cooking", value: "cooking" },
]

<WheelPicker>
  <WheelPicker.Control>
    <WheelPicker.Options options={options} defaultValue="gaming" />
  </WheelPicker.Control>
</WheelPicker>

Variants

Change the visual appearance of the wheelpicker items using the variant prop

With Icon

Compose the label prop with an icon to add an icon to the wheelpicker items.

ClassNames

Use the className prop to add custom CSS classes to the wheelpicker.

API Reference

WheelPicker

The root component for the wheelpick

Props	Type	Default
variant	`primary \| secondary`	`primary`