UnderlinePanels

readyNot reviewed for a11y
This page may be removed. Primer plans to move all Rails component documentation to Lookbook.

Description

Use UnderlinePanels to style tabs with an associated panel and an underlined selected state.

Arguments

NameRequiredDescription
label
String

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

align
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

Slots

tabs

Use to render a button and an associated panel slot. See the example below or refer to Primer::Alpha::Navigation::Tab.

NameRequiredDescription
id
String

Unique ID of tab.

selected
Boolean

Whether the tab is selected.

system_arguments

actions

Use actions for a call to action.

NameRequiredDescription
tag
Symbol

One of :div or :span.

system_arguments