@purpurds/tabs v5.24.1

import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";

import as TabsStories from "./src/tabs.stories"; import as TabContentStories from "./src/tab-content.stories"; import packageInfo from "./package.json";

Tabs

Version {packageInfo.version}

Showcase

Properties

Tabs

Tabs.Content

Installation

Via NPM

Add the dependency to your consumer app like "@purpurds/purpur": "^x.y.z"

In MyApp.tsx

import "@purpurds/purpur/styles";

In MyComponent.tsx

import { Tabs } from "@purpurds/purpur";

export const MyComponent = () => {
  return (
    <Tabs variant="contained">
      <Tabs.Content tabId="tab-1" name="Tab name 1">
        <div>Some content</div>
      </Tabs.Content>
      <Tabs.Content tabId="tab-2" name="Tab name 2">
        <div>Some content</div>
      </Tabs.Content>
    </Tabs>
  );
};