<m-tab> 1 SLOTS 4 PROPS
overview examples properties methods events slots css parts

A tab button used within m-tab-list for switching between tab panels.

Basic Usage

Tab 1 Tab 2 Panel 1 content Panel 2 content
Code
<m-tab-list label="Example">
  <m-tab panel="tab1">Tab 1</m-tab>
  <m-tab panel="tab2">Tab 2</m-tab>
  <m-tab-panel name="tab1">Panel 1 content</m-tab-panel>
  <m-tab-panel name="tab2">Panel 2 content</m-tab-panel>
</m-tab-list>
NAMETYPEDEFAULT
panel string
ID of the associated tab panel to control
active boolean false
Whether this tab is currently active
disabled boolean false
Whether this tab is disabled and cannot be selected
adoptedStyleSheets array [baseStyleSheet]
NAMERETURNS
render void
NAMEDETAIL TYPE
NAME
(default)
Default slot for tab label content
NAME
Open palette