Tabs API Overview

Initialization

import { Tabs } from "@svar-ui/react-core";

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

// minimal configuration for initialization
export default function App() {
  return <Tabs options={tabs} />;
}

tip

• Visit the Features Guide to learn more about the control's functionality.
• Explore the samples to visualize the available features.

Tabs Properties

options	Optional. Specifies an array of options that will be used as tabs
type	Optional. Sets the position of the Tabs control
value	Optional. Sets the selected tab

Tabs Events

change	Fires when a new tab is selected in the control