ComponentsLumos 0.0.2NewOpen component

TabLink

One tab in a tab strip.

TabLink is the control that opens a panel. It goes in the links slot of Tabs, and whatever you put inside it is the tab's label.

astro

<Fragment slot="links">
  <TabLink>Strategy</TabLink>
  <TabLink>Design</TabLink>
</Fragment>

<Fragment slot="links">
  <TabLink>Strategy</TabLink>
  <TabLink>Design</TabLink>
</Fragment>

Props

Prop	Type	Default	What it does
`render`	`boolean`	`true`	Set to `false` to skip this component and everything inside it.

There is nothing else to set. Which panel it opens comes from its position in the list, and everything that makes it a tab — the roles, the selected state, the keyboard handling — is put on it by Tabs. Attributes you pass go through to the underlying <button>.