UnderlinePanels

ready

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.

Name	Default	Description
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		`Hash` System arguments

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

Name	Default	Description
id		`String` Unique ID of tab.
selected		`Boolean` Whether the tab is selected.
system_arguments		`Hash` System arguments

Use actions for a call to action.

Name	Default	Description
tag		`Symbol` One of `:div` or `:span`.
system_arguments		`Hash` System arguments