<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