[component]
Dev Mode
Emoji selector
Description
A grid-based emoji picker with categories, search, and recent history.
Selected emoji:
None
Usage Guidelines
Do
Use in contexts where users need to choose an emoji, such as reactions or messages.
Pair with clear labels or helper text explaining what the emoji selection controls.
Don't
Do not rely on emoji alone to convey critical information.
Avoid overwhelming users with too many custom categories.
Accessibility
Ensure emoji choices are keyboard and screen-reader accessible.
Provide clear focus states when navigating between emoji and category tabs.
Status
Documentation:
Figma:
Web:
iOS:
Android:
Related
Text field, Chat, Reactions
Examples
Emoji Selector
Selected emoji:
None