@responsive-ui/tab

@responsive-ui/tab

A tab component of responsive-ui.

Install

npm install @responsive-ui/tab

or

yarn add @responsive-ui/tab

Look and Feel

Properties, Events & Slots

interface TabItem {
  title: string;
  component?: SvelteComponent;
  style?: string;
}

interface TabProps {
  items: TabItem[];
  selected?: number;
  style?: string;
}

interface TabEvents {}

interface TabSlots {
  default: {
    selected: number;
  };
}

declare class Tab extends SvelteComponentTyped<TabProps, TabEvents, TabSlots> {}

Example

<script>
  import Tab from '@responsive-ui/tab';

  const tabItems = [
    { title: "Option A", value: "a" },
    { title: "Option B", value: "b" },
    { title: "Option C", value: "c" },
    { title: "Option D", value: "d" },
  ];
</script>

<Tab items={tabItems} />

Try it yourself in Svelte Repl

Sponsors

License

@responsive-ui/tab is 100% free and open-source, under the MIT license.

Big Thanks To

Thanks to these awesome companies for their support of Open Source developers ❤