options

Description

Optional. Specifies an array of options that will be used as tabs

Usage

options?: {
  id: string | number;
  label?: string;
  title?: string;
  icon?: string;
}[];

Parameters

An object of the options array may have the following properties:

• id - (required) the id of a tab
• label - (optional) the text of a tab
• icon - (optional) the name of the icon to be used in a tab
• title - (optional) the tooltip text that will appear on hovering the mouse cursor over a tab

Example

const tabs = [
  { id: 0, label: "Info", icon: "wxi-alert" },
  { id: 1, label: "About" },
  { id: 2, label: "Contact" },
  { id: 3, label: "", icon: "wxi-check" }
];

<Tabs options={tabs} value={1} />

Related article: Creating tabs

Related sample: Tabs