Skip to main content

Interface: WidgetProps

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

Base props shared by all GTK widget elements.

Extends​

Extended by​

Properties​

accessibleActiveDescendant?​

optional accessibleActiveDescendant: Widget

Defined in: packages/react/src/jsx.ts:1175

Inherited from​

AccessibleProps.accessibleActiveDescendant

accessibleAutocomplete?​

optional accessibleAutocomplete: AccessibleAutocomplete

Defined in: packages/react/src/jsx.ts:1144

Inherited from​

AccessibleProps.accessibleAutocomplete

accessibleBusy?​

optional accessibleBusy: boolean

Defined in: packages/react/src/jsx.ts:1165

Inherited from​

AccessibleProps.accessibleBusy

accessibleChecked?​

optional accessibleChecked: AccessibleTristate

Defined in: packages/react/src/jsx.ts:1166

Inherited from​

AccessibleProps.accessibleChecked

accessibleColCount?​

optional accessibleColCount: number

Defined in: packages/react/src/jsx.ts:1176

Inherited from​

AccessibleProps.accessibleColCount

accessibleColIndex?​

optional accessibleColIndex: number

Defined in: packages/react/src/jsx.ts:1177

Inherited from​

AccessibleProps.accessibleColIndex

accessibleColIndexText?​

optional accessibleColIndexText: string

Defined in: packages/react/src/jsx.ts:1178

Inherited from​

AccessibleProps.accessibleColIndexText

accessibleColSpan?​

optional accessibleColSpan: number

Defined in: packages/react/src/jsx.ts:1179

Inherited from​

AccessibleProps.accessibleColSpan

accessibleControls?​

optional accessibleControls: Widget[]

Defined in: packages/react/src/jsx.ts:1180

Inherited from​

AccessibleProps.accessibleControls

accessibleDescribedBy?​

optional accessibleDescribedBy: Widget[]

Defined in: packages/react/src/jsx.ts:1181

Inherited from​

AccessibleProps.accessibleDescribedBy

accessibleDescription?​

optional accessibleDescription: string

Defined in: packages/react/src/jsx.ts:1145

Inherited from​

AccessibleProps.accessibleDescription

accessibleDetails?​

optional accessibleDetails: Widget[]

Defined in: packages/react/src/jsx.ts:1182

Inherited from​

AccessibleProps.accessibleDetails

accessibleDisabled?​

optional accessibleDisabled: boolean

Defined in: packages/react/src/jsx.ts:1167

Inherited from​

AccessibleProps.accessibleDisabled

accessibleErrorMessage?​

optional accessibleErrorMessage: Widget[]

Defined in: packages/react/src/jsx.ts:1183

Inherited from​

AccessibleProps.accessibleErrorMessage

accessibleExpanded?​

optional accessibleExpanded: boolean

Defined in: packages/react/src/jsx.ts:1168

Inherited from​

AccessibleProps.accessibleExpanded

accessibleFlowTo?​

optional accessibleFlowTo: Widget[]

Defined in: packages/react/src/jsx.ts:1184

Inherited from​

AccessibleProps.accessibleFlowTo

accessibleHasPopup?​

optional accessibleHasPopup: boolean

Defined in: packages/react/src/jsx.ts:1146

Inherited from​

AccessibleProps.accessibleHasPopup

accessibleHelpText?​

optional accessibleHelpText: string

Defined in: packages/react/src/jsx.ts:1163

Inherited from​

AccessibleProps.accessibleHelpText

accessibleHidden?​

optional accessibleHidden: boolean

Defined in: packages/react/src/jsx.ts:1169

Inherited from​

AccessibleProps.accessibleHidden

accessibleInvalid?​

optional accessibleInvalid: AccessibleInvalidState

Defined in: packages/react/src/jsx.ts:1170

Inherited from​

AccessibleProps.accessibleInvalid

accessibleKeyShortcuts?​

optional accessibleKeyShortcuts: string

Defined in: packages/react/src/jsx.ts:1147

Inherited from​

AccessibleProps.accessibleKeyShortcuts

accessibleLabel?​

optional accessibleLabel: string

Defined in: packages/react/src/jsx.ts:1148

Inherited from​

AccessibleProps.accessibleLabel

accessibleLabelledBy?​

optional accessibleLabelledBy: Widget[]

Defined in: packages/react/src/jsx.ts:1185

Inherited from​

AccessibleProps.accessibleLabelledBy

accessibleLevel?​

optional accessibleLevel: number

Defined in: packages/react/src/jsx.ts:1149

Inherited from​

AccessibleProps.accessibleLevel

accessibleModal?​

optional accessibleModal: boolean

Defined in: packages/react/src/jsx.ts:1150

Inherited from​

AccessibleProps.accessibleModal

accessibleMultiLine?​

optional accessibleMultiLine: boolean

Defined in: packages/react/src/jsx.ts:1151

Inherited from​

AccessibleProps.accessibleMultiLine

accessibleMultiSelectable?​

optional accessibleMultiSelectable: boolean

Defined in: packages/react/src/jsx.ts:1152

Inherited from​

AccessibleProps.accessibleMultiSelectable

accessibleOrientation?​

optional accessibleOrientation: Orientation

Defined in: packages/react/src/jsx.ts:1153

Inherited from​

AccessibleProps.accessibleOrientation

accessibleOwns?​

optional accessibleOwns: Widget[]

Defined in: packages/react/src/jsx.ts:1186

Inherited from​

AccessibleProps.accessibleOwns

accessiblePlaceholder?​

optional accessiblePlaceholder: string

Defined in: packages/react/src/jsx.ts:1154

Inherited from​

AccessibleProps.accessiblePlaceholder

accessiblePosInSet?​

optional accessiblePosInSet: number

Defined in: packages/react/src/jsx.ts:1187

Inherited from​

AccessibleProps.accessiblePosInSet

accessiblePressed?​

optional accessiblePressed: AccessibleTristate

Defined in: packages/react/src/jsx.ts:1171

Inherited from​

AccessibleProps.accessiblePressed

accessibleReadOnly?​

optional accessibleReadOnly: boolean

Defined in: packages/react/src/jsx.ts:1155

Inherited from​

AccessibleProps.accessibleReadOnly

accessibleRequired?​

optional accessibleRequired: boolean

Defined in: packages/react/src/jsx.ts:1156

Inherited from​

AccessibleProps.accessibleRequired

accessibleRole?​

optional accessibleRole: AccessibleRole

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

The accessible role of the given GtkAccessible implementation.

The accessible role cannot be changed once set.

accessibleRoleDescription?​

optional accessibleRoleDescription: string

Defined in: packages/react/src/jsx.ts:1157

Inherited from​

AccessibleProps.accessibleRoleDescription

accessibleRowCount?​

optional accessibleRowCount: number

Defined in: packages/react/src/jsx.ts:1188

Inherited from​

AccessibleProps.accessibleRowCount

accessibleRowIndex?​

optional accessibleRowIndex: number

Defined in: packages/react/src/jsx.ts:1189

Inherited from​

AccessibleProps.accessibleRowIndex

accessibleRowIndexText?​

optional accessibleRowIndexText: string

Defined in: packages/react/src/jsx.ts:1190

Inherited from​

AccessibleProps.accessibleRowIndexText

accessibleRowSpan?​

optional accessibleRowSpan: number

Defined in: packages/react/src/jsx.ts:1191

Inherited from​

AccessibleProps.accessibleRowSpan

accessibleSelected?​

optional accessibleSelected: boolean

Defined in: packages/react/src/jsx.ts:1172

Inherited from​

AccessibleProps.accessibleSelected

accessibleSetSize?​

optional accessibleSetSize: number

Defined in: packages/react/src/jsx.ts:1192

Inherited from​

AccessibleProps.accessibleSetSize

accessibleSort?​

optional accessibleSort: AccessibleSort

Defined in: packages/react/src/jsx.ts:1158

Inherited from​

AccessibleProps.accessibleSort

accessibleValueMax?​

optional accessibleValueMax: number

Defined in: packages/react/src/jsx.ts:1159

Inherited from​

AccessibleProps.accessibleValueMax

accessibleValueMin?​

optional accessibleValueMin: number

Defined in: packages/react/src/jsx.ts:1160

Inherited from​

AccessibleProps.accessibleValueMin

accessibleValueNow?​

optional accessibleValueNow: number

Defined in: packages/react/src/jsx.ts:1161

Inherited from​

AccessibleProps.accessibleValueNow

accessibleValueText?​

optional accessibleValueText: string

Defined in: packages/react/src/jsx.ts:1162

Inherited from​

AccessibleProps.accessibleValueText

accessibleVisited?​

optional accessibleVisited: boolean

Defined in: packages/react/src/jsx.ts:1173

Inherited from​

AccessibleProps.accessibleVisited

canFocus?​

optional canFocus: boolean

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

Whether the widget or any of its descendents can accept the input focus.

This property is meant to be set by widget implementations, typically in their instance init function.

canTarget?​

optional canTarget: boolean

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

Whether the widget can receive pointer events.

children?​

optional children: ReactNode

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

Children elements (child widgets or event controllers).

cssClasses?​

optional cssClasses: string[]

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

A list of css classes applied to this widget.

cssName?​

optional cssName: string

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

The name of this widget in the CSS tree.

This property is meant to be set by widget implementations, typically in their instance init function.

cursor?​

optional cursor: Cursor | null

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

The cursor used by widget.

focusable?​

optional focusable: boolean

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

Whether this widget itself will accept the input focus.

focusOnClick?​

optional focusOnClick: boolean

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

Whether the widget should grab focus when it is clicked with the mouse.

This property is only relevant for widgets that can take focus.

halign?​

optional halign: Align

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

How to distribute horizontal space if widget gets extra space.

hasTooltip?​

optional hasTooltip: boolean

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

Enables or disables the emission of the Widget.:query-tooltip signal on widget.

A true value indicates that widget can have a tooltip, in this case the widget will be queried using Widget.:query-tooltip to determine whether it will provide a tooltip or not.

heightRequest?​

optional heightRequest: number

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

Overrides for height request of the widget.

If this is -1, the natural request will be used.

hexpand?​

optional hexpand: boolean

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

Whether to expand horizontally.

hexpandSet?​

optional hexpandSet: boolean

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

Whether to use the hexpand property.

layoutManager?​

optional layoutManager: LayoutManager | null

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

The LayoutManager instance to use to compute the preferred size of the widget, and allocate its children.

This property is meant to be set by widget implementations, typically in their instance init function.

limitEvents?​

optional limitEvents: boolean

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

Makes this widget act like a modal dialog, with respect to event delivery.

Global event controllers will not handle events with targets inside the widget, unless they are set up to ignore propagation limits. See EventController.set_propagation_limit.

marginBottom?​

optional marginBottom: number

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

Margin on bottom side of widget.

This property adds margin outside of the widget's normal size request, the margin will be added in addition to the size from Widget.set_size_request for example.

marginEnd?​

optional marginEnd: number

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

Margin on end of widget, horizontally.

This property supports left-to-right and right-to-left text directions.

This property adds margin outside of the widget's normal size request, the margin will be added in addition to the size from Widget.set_size_request for example.

marginStart?​

optional marginStart: number

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

Margin on start of widget, horizontally.

This property supports left-to-right and right-to-left text directions.

This property adds margin outside of the widget's normal size request, the margin will be added in addition to the size from Widget.set_size_request for example.

marginTop?​

optional marginTop: number

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

Margin on top side of widget.

This property adds margin outside of the widget's normal size request, the margin will be added in addition to the size from Widget.set_size_request for example.

name?​

optional name: string

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

The name of the widget.

onDestroy?​

optional onDestroy: (self) => void | null

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

Signals that all holders of a reference to the widget should release the reference that they hold.

May result in finalization of the widget if all references are released.

This signal is not suitable for saving widget state.

onDirectionChanged?​

optional onDirectionChanged: (previousDirection, self) => void | null

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

Emitted when the text direction of a widget changes.

onHide?​

optional onHide: (self) => void | null

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

Emitted when widget is hidden.

onKeynavFailed?​

optional onKeynavFailed: (direction, self) => boolean | null

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

Emitted if keyboard navigation fails.

See Widget.keynav_failed for details.

onMap?​

optional onMap: (self) => void | null

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

Emitted when widget is going to be mapped.

A widget is mapped when the widget is visible (which is controlled with Widget.visible) and all its parents up to the toplevel widget are also visible.

The ::map signal can be used to determine whether a widget will be drawn, for instance it can resume an animation that was stopped during the emission of Widget.:unmap.

onMnemonicActivate?​

optional onMnemonicActivate: (groupCycling, self) => boolean | null

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

Emitted when a widget is activated via a mnemonic.

The default handler for this signal activates widget if group_cycling is false, or just makes widget grab focus if group_cycling is true.

onMoveFocus?​

optional onMoveFocus: (direction, self) => void | null

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

Emitted when the focus is moved.

The ::move-focus signal is a keybinding signal.

The default bindings for this signal are Tab to move forward, and Shift+Tab to move backward.

onNotify?​

optional onNotify: (pspec, self) => void | null

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

The notify signal is emitted on an object when one of its properties has its value set through g_object_set_property(), g_object_set(), et al.

Note that getting this signal doesn’t itself guarantee that the value of the property has actually changed. When it is emitted is determined by the derived GObject class. If the implementor did not create the property with %G_PARAM_EXPLICIT_NOTIFY, then any call to g_object_set_property() results in ::notify being emitted, even if the new value is the same as the old. If they did pass %G_PARAM_EXPLICIT_NOTIFY, then this signal is emitted only when they explicitly call g_object_notify() or g_object_notify_by_pspec(), and common practice is to do that only when the value has actually changed.

This signal is typically used to obtain change notification for a single property, by specifying the property name as a detail in the g_signal_connect() call, like this:

|[ g_signal_connect (text_view->buffer, "notify::paste-target-list", G_CALLBACK (gtk_text_view_target_list_notify), text_view) ]|

It is important to note that you must use [canonical parameter names]GObjectParamSpec#parameter-names as detail strings for the notify signal.

onQueryTooltip?​

optional onQueryTooltip: (x, y, keyboardMode, tooltip, self) => boolean | null

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

Emitted when the widget’s tooltip is about to be shown.

This happens when the Widget.has-tooltip property is true and the hover timeout has expired with the cursor hovering above widget; or emitted when widget got focus in keyboard mode.

Using the given coordinates, the signal handler should determine whether a tooltip should be shown for widget. If this is the case true should be returned, false otherwise. Note that if keyboard_mode is true, the values of x and y are undefined and should not be used.

The signal handler is free to manipulate tooltip with the therefore destined function calls.

onRealize?​

optional onRealize: (self) => void | null

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

Emitted when widget is associated with a GdkSurface.

This means that Widget.realize has been called or the widget has been mapped (that is, it is going to be drawn).

onShow?​

optional onShow: (self) => void | null

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

Emitted when widget is shown.

onStateFlagsChanged?​

optional onStateFlagsChanged: (flags, self) => void | null

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

Emitted when the widget state changes.

See Widget.get_state_flags.

onUnmap?​

optional onUnmap: (self) => void | null

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

Emitted when widget is going to be unmapped.

A widget is unmapped when either it or any of its parents up to the toplevel widget have been set as hidden.

As ::unmap indicates that a widget will not be shown any longer, it can be used to, for example, stop an animation on the widget.

onUnrealize?​

optional onUnrealize: (self) => void | null

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

Emitted when the GdkSurface associated with widget is destroyed.

This means that Widget.unrealize has been called or the widget has been unmapped (that is, it is going to be hidden).

opacity?​

optional opacity: number

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

The requested opacity of the widget.

overflow?​

optional overflow: Overflow

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

How content outside the widget's content area is treated.

This property is meant to be set by widget implementations, typically in their instance init function.

receivesDefault?​

optional receivesDefault: boolean

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

Whether the widget will receive the default action when it is focused.

sensitive?​

optional sensitive: boolean

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

Whether the widget responds to input.

tooltipMarkup?​

optional tooltipMarkup: string | null

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

Sets the text of tooltip to be the given string, which is marked up with Pango markup.

Also see Tooltip.set_markup.

This is a convenience property which will take care of getting the tooltip shown if the given string is not NULL: Widget.has-tooltip will automatically be set to true and there will be taken care of Widget.:query-tooltip in the default signal handler.

Note that if both Widget.tooltip-text and Widget.tooltip-markup are set, the last one wins.

tooltipText?​

optional tooltipText: string | null

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

Sets the text of tooltip to be the given string.

Also see Tooltip.set_text.

This is a convenience property which will take care of getting the tooltip shown if the given string is not NULL: Widget.has-tooltip will automatically be set to true and there will be taken care of Widget.:query-tooltip in the default signal handler.

Note that if both Widget.tooltip-text and Widget.tooltip-markup are set, the last one wins.

valign?​

optional valign: Align

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

How to distribute vertical space if widget gets extra space.

vexpand?​

optional vexpand: boolean

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

Whether to expand vertically.

vexpandSet?​

optional vexpandSet: boolean

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

Whether to use the vexpand property.

visible?​

optional visible: boolean

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

Whether the widget is visible.

widthRequest?​

optional widthRequest: number

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

Overrides for width request of the widget.

If this is -1, the natural request will be used.