# Tab

<flow-tab>

Stable

The tab component provides tab buttons for a tabbed UI.

See the tab group component for details of how to combine tabs and tabs panels into a complete tabbed UI.

# Properties

Property	Description	Type	Default
`active`	Set to true to draw the tab in an active state.	`boolean`	`false`
`disabled`	Set to true to draw the tab in a disabled state.	`boolean`	`false`
`panel`	The name of the tab panel the tab will control. The panel must be located in the same tab group.	`string`	`''`

Method	Description
`removeFocus`	`removeFocus() => Promise<void>` Remove focus from the tab.
`setFocus`	`setFocus() => Promise<void>` Set focus to the tab.

Slot	Description
`(default)`	The tab's label.

Name	Description
`--focus-ring`	The focus ring's box shadow.

Name	Description
`base`