Tab panels

Tab panels let users switch between views in the same context.

v0.23.0AlphaNot reviewed for accessibility

Description

Use TabPanels for tabs with panel navigation.

Arguments

NameDefaultDescription
label

N/A

String

Sets an aria-label that helps assistive technology users understand the purpose of the tabs.

align

N/A

Symbol

One of :left or :right. - Defaults to left

body_arguments

{}

Hash

System arguments for the body wrapper.

wrapper_arguments

{}

Hash

System arguments for the TabContainer wrapper.

system_arguments

N/A

Hash

Examples

Slots

tabs

Tabs to be rendered. For more information, refer to Primer::Alpha::Navigation::Tab.

NameDefaultDescription
id

N/A

String

Unique ID of tab.

selected

N/A

Boolean

Whether the tab is selected.

system_arguments

N/A

Hash

extra

Renders extra content to the TabPanels. This will be rendered after the tabs.

NameDefaultDescription
align

N/A

Symbol

One of :left or :right.