A container that creates a tab for each child control, displaying only the active tab's control.
Arranges child controls into a tabbed view, creating a tab for each one. The active tab's corresponding control is made visible, while all other child controls are hidden. Ignores non-control children. [b]Note:[/b] The drawing of the clickable tabs is handled by this node; [TabBar] is not needed.
$DOCS_URL/tutorials/ui/gui_containers.html
Returns the child [Control] node located at the active tab index.
Returns the [Popup] node instance if one has been set already with [method set_popup]. [b]Warning:[/b] This is a required internal node, removing and freeing it may cause a crash. If you wish to hide it or any of its children, use their [member Window.visible] property.
Returns the previously active tab index.
Returns the [TabBar] contained in this container. [b]Warning:[/b] This is a required internal node, removing and freeing it or editing its tabs may cause a crash. If you wish to edit the tabs, use the methods provided in [TabContainer].
Returns the button icon from the tab at index [param tab_idx].
Returns the [Control] node from the tab at index [param tab_idx].
Returns the number of tabs.
Returns the [Texture2D] for the tab at index [param tab_idx] or [code]null[/code] if the tab has no [Texture2D].
Returns the maximum allowed width of the icon for the tab at index [param tab_idx].
Returns the index of the tab at local coordinates [param point]. Returns [code]-1[/code] if the point is outside the control boundaries or if there's no tab at the queried position.
Returns the index of the tab tied to the given [param control]. The control must be a child of the [TabContainer].
Returns the metadata value set to the tab at index [param tab_idx] using [method set_tab_metadata]. If no metadata was previously set, returns [code]null[/code] by default.
Returns the title of the tab at index [param tab_idx]. Tab titles default to the name of the indexed child node, but this can be overridden with [method set_tab_title].
Returns the tooltip text of the tab at index [param tab_idx].
Returns [code]true[/code] if the tab at index [param tab_idx] is disabled.
Returns [code]true[/code] if the tab at index [param tab_idx] is hidden.
Selects the first available tab with greater index than the currently selected. Returns [code]true[/code] if tab selection changed.
Selects the first available tab with lower index than the currently selected. Returns [code]true[/code] if tab selection changed.
If set on a [Popup] node instance, a popup menu icon appears in the top-right corner of the [TabContainer] (setting it to [code]null[/code] will make it go away). Clicking it will expand the [Popup] node.
Sets the button icon from the tab at index [param tab_idx].
If [param disabled] is [code]true[/code], disables the tab at index [param tab_idx], making it non-interactable.
If [param hidden] is [code]true[/code], hides the tab at index [param tab_idx], making it disappear from the tab area.
Sets an icon for the tab at index [param tab_idx].
Sets the maximum allowed width of the icon for the tab at index [param tab_idx]. This limit is applied on top of the default size of the icon and on top of [theme_item icon_max_width]. The height is adjusted according to the icon's ratio.
Sets the metadata value for the tab at index [param tab_idx], which can be retrieved later using [method get_tab_metadata].
Sets a custom title for the tab at index [param tab_idx] (tab titles default to the name of the indexed child node). Set it back to the child's name to make the tab default to it again.
Sets a custom tooltip text for tab at index [param tab_idx]. [b]Note:[/b] By default, if the [param tooltip] is empty and the tab text is truncated (not all characters fit into the tab), the title will be displayed as a tooltip. To hide the tooltip, assign [code]" "[/code] as the [param tooltip] text.
- If [code]true[/code], all tabs are drawn in front of the panel. If [code]false[/code], inactive tabs are drawn behind the panel.
- If [code]true[/code], tabs overflowing this node's width will be hidden, displaying two navigation buttons instead. Otherwise, this node's minimum size is updated so that all tabs are visible.
- The current tab index. When set, this index's [Control] node's [code]visible[/code] property is set to [code]true[/code] and all others are set to [code]false[/code]. A value of [code]-1[/code] means that no tab is selected.
- If [code]true[/code], all tabs can be deselected so that no tab is selected. Click on the [member current_tab] to deselect it. Only the tab header will be shown if no tabs are selected.
- If [code]true[/code], tabs can be rearranged with mouse drag.
- If [code]true[/code], hovering over a tab while dragging something will switch to that tab. Does not have effect when hovering another tab to rearrange.
- The position at which tabs will be placed.
- The focus access mode for the internal [TabBar] node.
- The horizontal alignment of the tabs.
- [TabContainer]s with the same rearrange group ID will allow dragging the tabs between them. Enable drag with [member drag_to_rearrange_enabled]. Setting this to [code]-1[/code] will disable rearranging between [TabContainer]s.
- If [code]true[/code], tabs are visible. If [code]false[/code], tabs' content and titles are hidden.
- If [code]true[/code], child [Control] nodes that are hidden have their minimum size take into account in the total, instead of only the currently visible one.
Emitted when the active tab is rearranged via mouse drag. See [member drag_to_rearrange_enabled].
Emitted when the [TabContainer]'s [Popup] button is clicked. See [method set_popup] for details.
Emitted when the user clicks on the button icon on this tab.
Emitted when switching to another tab.
Emitted when a tab is clicked, even if it is the current tab.
Emitted when a tab is hovered by the mouse.
Emitted when a tab is selected via click, directional input, or script, even if it is the current tab.
Places the tab bar at the top.
Places the tab bar at the bottom. The tab bar's [StyleBox] will be flipped vertically.
Represents the size of the [enum TabPosition] enum.
Modulation color for the [theme_item drop_mark] icon.
Font color of disabled tabs.
Font color of the currently hovered tab. Does not apply to the selected tab.
The tint of text outline of the tab name.
Font color of the currently selected tab.
Font color of the other, unselected tabs.
Icon color of disabled tabs.
Icon color of the currently hovered tab. Does not apply to the selected tab.
Icon color of the currently selected tab.
Icon color of the other, unselected tabs.
The maximum allowed width of the tab's icon. This limit is applied on top of the default size of the icon, but before the value set with [method TabBar.set_tab_icon_max_width]. The height is adjusted according to the icon's ratio.
Space between tab's name and its icon.
The size of the tab text outline. [b]Note:[/b] If using a font with [member FontFile.multichannel_signed_distance_field] enabled, its [member FontFile.msdf_pixel_range] must be set to at least [i]twice[/i] the value of [theme_item outline_size] for outline rendering to look correct. Otherwise, the outline may appear to be cut off earlier than intended.
The space at the left or right edges of the tab bar, accordingly with the current [member tab_alignment]. The margin is ignored with [constant TabBar.ALIGNMENT_RIGHT] if the tabs are clipped (see [member clip_tabs]) or a popup has been set (see [method set_popup]). The margin is always ignored with [constant TabBar.ALIGNMENT_CENTER].
The space between tabs in the tab bar.
The font used to draw tab names.
Font size of the tab names.
Icon for the left arrow button that appears when there are too many tabs to fit in the container width. When the button is disabled (i.e. the first tab is visible), it appears semi-transparent.
Icon for the left arrow button that appears when there are too many tabs to fit in the container width. Used when the button is being hovered with the cursor.
Icon shown to indicate where a dragged tab is gonna be dropped (see [member drag_to_rearrange_enabled]).
Icon for the right arrow button that appears when there are too many tabs to fit in the container width. When the button is disabled (i.e. the last tab is visible) it appears semi-transparent.
Icon for the right arrow button that appears when there are too many tabs to fit in the container width. Used when the button is being hovered with the cursor.
The icon for the menu button (see [method set_popup]).
The icon for the menu button (see [method set_popup]) when it's being hovered with the cursor.
The style for the background fill.
The style of disabled tabs.
[StyleBox] used when the [TabBar] is focused. The [theme_item tab_focus] [StyleBox] is displayed [i]over[/i] the base [StyleBox] of the selected tab, so a partially transparent [StyleBox] should be used to ensure the base [StyleBox] remains visible. A [StyleBox] that represents an outline or an underline works well for this purpose. To disable the focus visual effect, assign a [StyleBoxEmpty] resource. Note that disabling the focus visual effect will harm keyboard/controller navigation usability, so this is not recommended for accessibility reasons.
The style of the currently hovered tab. [b]Note:[/b] This style will be drawn with the same width as [theme_item tab_unselected] at minimum.
The style of the currently selected tab.
The style of the other, unselected tabs.
The style for the background fill of the [TabBar] area.