EmojiPicker – Once UI

The EmojiPicker component allows you to select and insert emojis from categories.

EmojiPicker

<EmojiPicker/>

Columns

You can pass a columns prop to the component to override the default columns.

Columns

<EmojiPicker columns={10}/>

You can pass a style prop to the component to override the default styles.

Custom style

<EmojiPicker
  background="surface"
  border="neutral-medium"
  padding="8"
  radius="l"
  height={24}
/>

Prop	Type	Default
onSelectrequired Called with the chosen emoji.	(emoji: string) => void	—
onClose Called when the picker is dismissed.	() => void	—
className	string	—
background Surface colour behind the grid.	StyleProps["background"]	—
columns Emoji per row.	110234812567911	8
style	React.CSSProperties	—
…and every FlexProps prop	inherited	—