Skip to main content

Variable: EmojiChooser

const EmojiChooser: "EmojiChooser"

Defined in: react/src/generated/jsx.ts:12002

Used by text widgets to let users insert Emoji characters.

GtkEmojiChooser emits the [signal@Gtk.EmojiChooser::emoji-picked] signal when an Emoji is selected.

Shortcuts and Gestures

GtkEmojiChooser supports the following keyboard shortcuts:

  • Ctrl+N scrolls th the next section.
  • Ctrl+P scrolls th the previous section.

Actions

GtkEmojiChooser defines a set of built-in actions:

  • scroll.section scrolls to the next or previous section.

CSS nodes

popover
├── box.emoji-searchbar
│   ╰── entry.search
╰── box.emoji-toolbar
├── button.image-button.emoji-section
├── ...
╰── button.image-button.emoji-section

Every GtkEmojiChooser consists of a main node called popover. The contents of the popover are largely implementation defined and supposed to inherit general styles. The top searchbar used to search emoji and gets the .emoji-searchbar style class itself. The bottom toolbar used to switch between different emoji categories consists of buttons with the .emoji-section style class and gets the .emoji-toolbar style class itself.