Skip to main content

Variable: EditableLabel

const EditableLabel: "EditableLabel"

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

Allows users to edit the displayed text by switching to an “edit mode”.

GtkEditableLabel does not have API of its own, but it implements the [iface@Gtk.Editable] interface.

The default bindings for activating the edit mode is to click or press the Enter key. The default bindings for leaving the edit mode are the Enter key (to save the results) or the Escape key (to cancel the editing).

Shortcuts and Gestures

GtkEditableLabel supports the following keyboard shortcuts:

  • Enter starts editing.
  • Escape stops editing.

Actions

GtkEditableLabel defines a set of built-in actions:

  • editing.starts switches the widget into editing mode.
  • editing.stop switches the widget out of editing mode.

CSS nodes

editablelabel[.editing]
╰── stack
├── label
╰── text

GtkEditableLabel has a main node with the name editablelabel. When the entry is in editing mode, it gets the .editing style class.

For all the subnodes added to the text node in various situations, see [class@Gtk.Text].