# Variant Picker

> Single-select product-option swatches (grind, size, color) with selected + out-of-stock states.
> Source: https://otf-kit.dev/components/variant-picker

## At a glance

- **Platform:** Web (React)
- **Category:** Input
- **Package:** `@otfdashkit/ui` (free, MIT)
- **Tags:** commerce, variant, options

## Install

```bash
bun add @otfdashkit/ui
```

## Usage

```tsx
import { VariantPicker } from '@otfdashkit/ui'
```

The `<VariantPicker>` component ships the same prop API on web (`@otfdashkit/ui`) and native (`@otfdashkit/ui-native`) where a parity version exists.

## Links

- Live preview + code: https://otf-kit.dev/components/variant-picker
- Storybook: https://ui.otf-kit.dev
- All components: https://otf-kit.dev/components