7.4.0 • Published 6 months ago

@purpurds/tabs v7.4.0

Weekly downloads
-
License
AGPL-3.0-only
Repository
-
Last release
6 months ago

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>
  );
};
classnames@radix-ui/react-tabs@purpurds/tokens@purpurds/icon@purpurds/paragraph
@teliafi/fi-ds@purpurds/purpur
6.1.0

10 months ago

5.27.5

1 year ago

5.27.4

1 year ago

6.1.2

10 months ago

5.27.3

1 year ago

6.1.1

10 months ago

5.27.2

1 year ago

6.5.0

9 months ago

6.1.4

10 months ago

5.27.1

1 year ago

6.1.3

10 months ago

5.27.0

1 year ago

5.34.2

10 months ago

5.34.3

10 months ago

5.34.0

10 months ago

5.34.1

10 months ago

5.30.1

11 months ago

5.30.0

11 months ago

7.3.1

7 months ago

7.3.0

7 months ago

6.6.1

9 months ago

6.6.0

9 months ago

6.6.2

9 months ago

5.28.3

1 year ago

5.28.2

1 year ago

6.2.0

9 months ago

5.28.1

1 year ago

5.28.0

1 year ago

5.24.3

1 year ago

5.35.0

10 months ago

5.31.0

11 months ago

7.0.0

7 months ago

6.12.5

7 months ago

7.4.0

6 months ago

6.12.0

8 months ago

6.12.4

7 months ago

6.12.3

7 months ago

6.12.2

7 months ago

6.12.1

8 months ago

6.7.0

9 months ago

5.24.2

1 year ago

6.7.2

8 months ago

6.7.1

8 months ago

6.3.0

9 months ago

5.29.0

11 months ago

6.3.1

9 months ago

5.32.0

11 months ago

5.28.1-pr-15202-12117482163

1 year ago

7.1.0

7 months ago

6.11.1

8 months ago

6.11.0

8 months ago

5.25.0

1 year ago

6.8.1

8 months ago

6.8.0

8 months ago

6.8.3

8 months ago

6.8.2

8 months ago

5.28.1-pr-15202-12116853740

1 year ago

6.0.1

10 months ago

6.0.0

10 months ago

6.0.2

10 months ago

6.4.0

9 months ago

5.33.0

11 months ago

7.2.0

7 months ago

6.10.0

8 months ago

5.34.4

10 months ago

5.26.0

1 year ago

6.9.0

8 months ago

5.25.1-0

1 year ago

5.24.1

1 year ago

5.24.0

1 year ago

5.23.0

1 year ago

5.21.1

1 year ago

5.21.0

1 year ago

5.22.0

1 year ago

5.18.3

1 year ago

5.18.2

1 year ago

5.18.1

1 year ago

5.18.0

1 year ago

5.19.1

1 year ago

5.19.0

1 year ago

5.17.0

1 year ago

5.20.1

1 year ago

5.20.0

1 year ago

5.16.1

1 year ago

5.16.0

1 year ago

5.15.1

1 year ago

5.15.0

1 year ago

5.14.0

1 year ago

5.5.0

2 years ago

5.3.0

2 years ago

5.1.2

2 years ago

5.13.0

1 year ago

5.11.2

1 year ago

5.11.1

1 year ago

5.11.0

1 year ago

5.8.2

1 year ago

5.8.1

1 year ago

5.8.0

1 year ago

5.4.3

2 years ago

5.6.0

2 years ago

5.4.2

2 years ago

5.4.1

2 years ago

5.4.0

2 years ago

5.2.0

2 years ago

5.12.0

1 year ago

5.10.1

1 year ago

5.10.0

1 year ago

5.9.0

1 year ago

5.7.0

2 years ago

5.1.1

2 years ago

5.1.0

2 years ago

5.0.0

2 years ago

4.5.0

2 years ago

4.6.0

2 years ago

4.5.1

2 years ago

4.4.0

2 years ago

4.3.0

2 years ago

4.2.0

2 years ago

4.1.1

2 years ago

4.1.0

2 years ago

4.0.2

2 years ago

4.0.1

2 years ago

4.0.0

2 years ago

3.7.1

2 years ago

3.7.0

2 years ago

3.6.0

2 years ago

3.5.1

2 years ago

3.5.0

2 years ago

3.4.0

2 years ago

3.3.2

2 years ago

3.3.1

2 years ago

3.3.0

2 years ago

3.2.0

2 years ago

3.1.0

2 years ago

3.0.1

2 years ago

3.0.0

2 years ago

2.8.0

2 years ago

2.7.1-pr-10412-8020124726

2 years ago

2.7.1-pr-10412-8020166972

2 years ago

2.7.1-pr-10412-7987874107

2 years ago