# Emoji picker — Detent

> Emoji and symbols laid out as one round field instead of a grid. Fling it and it keeps gliding, the ones in the middle swell under your finger, and a tap sends the emoji flying into the message where your caret is.

Canonical: https://detentui.com/components/emoji
Last updated: 2026-11-10

## About

Emoji and symbols laid out as one round field instead of a grid. Fling it and it keeps gliding, the ones in the middle swell under your finger, and a tap sends the emoji flying into the message where your caret is.

## Details

- Search by name and the field re-packs around the matches; clear it and everything slides back.
- The tabs jump between Smileys, Nature, Objects, Symbols, Arrows and Math.
- Arrow keys move through the field, Enter adds the one in the middle, and typing goes straight to search.
- `draft` sets the opening message, `onPick` hands you each emoji and `onSend` the finished text.
- Follows light and dark. With reduced motion picks land without flying.

## Install

```bash
npx shadcn add https://detentui.com/r/emoji
```

## Related
- [All components](https://detentui.com/components)
- [Pro](https://detentui.com/pro)