Skip to main content

Interface: TabbedContainerProps

Component props for TabbedContainer.

Hierarchy​

  • ComponentProps

    ↳ TabbedContainerProps

Properties​

bus​

• Optional bus: EventBus

The event bus. Required for the container's tab list to respond appropriately to the mouse leaving the virtual cockpit instrument screen while the user is dragging the list.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:26

children​

• Optional children: DisplayChildren[]

The children of the display component.

Inherited from​

ComponentProps.children

Defined in​

src/sdk/components/FSComponent.ts:122

class​

• Optional class: string | ToggleableClassNameRecord | SubscribableSet<string>

CSS class(es) to apply to the container's root element.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:59

gduFormat​

• gduFormat: GduFormat

The format of the container's parent GDU display.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:56

knobLabel​

• Optional knobLabel: string | Subscribable<string>

The bezel rotary knob label to request for the knobs that can be used to change the container's selected tab. Defaults to 'Select Tab'.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:38

ref​

• Optional ref: NodeReference<any>

A reference to the display component.

Inherited from​

ComponentProps.ref

Defined in​

src/sdk/components/FSComponent.ts:125

tabLength​

• tabLength: number | Subscribable<number>

The length of each tab along the axis along which the tabs are arranged, in pixels.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:47

tabPosition​

• tabPosition: "left" | "top" | "bottom" | "right"

The position of the container's tabs relative to the content box.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:41

tabSpacing​

• tabSpacing: number | Subscribable<number>

The spacing between each tab, in pixels. For best results, this value should be greater than or equal to the border radius of the tabs.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:53

tabsPerListPage​

• tabsPerListPage: number | Subscribable<number>

The maximum number of tabs visible at any one time in the container's tab list.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:44

validKnobIds​

• Optional validKnobIds: Iterable<UiKnobId>

The IDs of the valid bezel rotary knobs that can be used to change the container's selected tab. If not defined, then knobs cannot be used to change the container's selected tab.

Defined in​

src/workingtitle-instruments-g3x-touch/html_ui/Pages/VCockpit/Instruments/NavSystems/G3XTouch/Shared/Components/TabbedContainer/TabbedContainer.tsx:32