@gtkx/react / GtkEmojiChooser

Variable: GtkEmojiChooser

const GtkEmojiChooser: "GtkEmojiChooser"

Defined in: packages/react/src/generated/jsx.ts:12492

Used by text widgets to let users insert Emoji characters.

GtkEmojiChooser emits the 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.