Variable: Frame

const Frame: object

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

Surrounds its child with a decorative frame and an optional label.

If present, the label is drawn inside the top edge of the frame. The horizontal position of the label can be controlled with [method@Gtk.Frame.set_label_align].

GtkFrame clips its child. You can use this to add rounded corners to widgets, but be aware that it also cuts off shadows.

GtkFrame as GtkBuildable

An example of a UI definition fragment with GtkFrame:

<object class="GtkFrame">
<property name="label-widget">
<object class="GtkLabel" id="frame_label"/>
</property>
<property name="child">
<object class="GtkEntry" id="frame_content"/>
</property>
</object>

CSS nodes

frame
├── <label widget>
╰── <child>

GtkFrame has a main CSS node with name “frame”, which is used to draw the visible border. You can set the appearance of the border using CSS properties like “border-style” on this node.

Accessibility

GtkFrame uses the [enum@Gtk.AccessibleRole.group] role.

Type Declaration

Name	Type	Defined in
Child	"Frame.Child"	react/src/generated/jsx.ts:12627
LabelWidget	"Frame.LabelWidget"	react/src/generated/jsx.ts:12628
Root	"Frame.Root"	react/src/generated/jsx.ts:12626