Tabs

Tabs are similar to the Canvas component, with the major differences being that Tabs have a more streamlined visual appearance and allow labels in lower case.

Define Tabs

The tabs of the Tabs component can be defined using a similar format to Canvas tabs.

[
  {
    id: 'tab1',
    label: 'Tab 1',
  },
  'Tab2',
]

Tabs vs Canvas

The screenshot below shows Canvas and Tabs side by side.

Users should choose between Tabs and Canvas based on their visual preference.