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
options | specifies an array of options that will be used as tabs |
type | sets the position of the Tabs control |
value | sets the selected tab |
Tabs Events
change | fires when a new tab is selected in the control |