Skip to main content

Tabs API Overview

Initialization​

<script>
    import { Tabs } from "@wx/svelte-core";

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

<!-- minimal configuration for initialization -->
<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​

optionsspecifies an array of options that will be used as tabs
typesets the position of the Tabs control
valuesets the selected tab

Tabs Events​

changefires when a new tab is selected in the control