EmojiSelector

EmojiSelector enables users to browse, search and select emojis from their system's native emoji set.

Properties

`autoFocus` (default: false)

If this property is set to true, the component gets the focus automatically when displayed.

<App>
  <EmojiSelector autoFocus="true" />
</App>

Example: autoFocus

<App>
  <EmojiSelector autoFocus="true" />
</App>

Events

`select`

This event is fired when the user selects an emoticon from this component.

<App>
  <HStack var.selected="">
    <EmojiSelector onSelect="(emoji) => { selected = emoji }" />
    <Text value="Selected emoji: {selected}" />
  </HStack>
</App>

Example: select

<App>
  <HStack var.selected="">
    <EmojiSelector onSelect="(emoji) => { selected = emoji }" />
    <Text value="Selected emoji: {selected}" />
  </HStack>
</App>

Exposed Methods

This component does not expose any methods.

Styling

This component does not have any styles.