Skip to main content

Tabs

The Tabs control and related tabs pattern are used for navigating frequently accessed, distinct content categories. Tabs allow for navigation between two or more content views and relies on text headers to articulate the different sections of content.

Examples

Properties

NameTypeDefaultDescription
valuestringKey of the selected tab item.
solidboolfalsetrue to display tabs as solid rectangles instead of links.

Events

NameDescription
changeFires when the selected tab item is changed.

Child controls

Tab control

Represents a tab within Tabs control.

Properties

NameTypeDefaultDescription
keystringAn key to uniquely identify a tab. text value is used if key is not specified.
textstringThe text displayed of each tab link. key value is used if text is not specified.
iconstringAn optional icon to show next to the tab link.
countstringDefines an optional item count displayed in parentheses just after the linkText. Examples: Completed (4), Unread (99+).

Child controls

  • Any control - will be rendered in the body of the tab.