Tab Panel

<gr-tab-panel> | GrTabPanel

Properties
Slots
CSS custom properties

Tab panels are used to show the correct tabbed content.

Option 1

Option 2

Content 1

Content 2

<gr-tab-group>
  <gr-tab panel="first-tab">Option 1</gr-tab>
  <gr-tab panel="second-tab">Option 2</gr-tab>

  <gr-tab-panel name="first-tab">Content 1</gr-tab-panel>
  <gr-tab-panel name="second-tab">Content 2</gr-tab-panel>
</gr-tab-group>

Properties

Property	Attribute	Description	Type	Default
`name`	`name`	Set the gr-tab-panel name.	`string`	`''`
`active`	`active`	Indicates whether or not the panel is active.	`boolean`	`false`

Slots

Slot	Description
`(default)`	The tab panels content.

CSS custom properties

Name	Description
`--padding`	Padding of the tab panel