2.2.4 • Published 3 months ago

@highlight-ui/tab v2.2.4

Weekly downloads
-
License
MIT
Repository
-
Last release
3 months ago

npm personio.design storybook.personio.design

@highlight-ui/tab

Using npm:

npm install @highlight-ui/tab

Using yarn:

yarn add @highlight-ui/tab

Using pnpm:

pnpm install @highlight-ui/tab

In your (S)CSS file:

@import url('@highlight-ui/tab');

Once the package is installed, you can import the library:

import { Tab, TabItem } from '@highlight-ui/tab';

Usage

import React from 'react';
import { Tab, TabItem } from '@highlight-ui/tab';

export default function TabExample() {
  return (
    <Tab value={value} onChange={handleChange}>
      <TabItem name="lorem">Lorem</TabItem>
      <TabItem name="ipsum">Ipsum</TabItem>
    </Tab>
  );
}

Props 📜

Tab

PropTypeRequiredDefaultDescription
placement'left', 'center', 'right'NoHorizontal alignment of the Tabs
disabledbooleanNofalseSets the disabled state on the Tab
onChange() => voidNoThe onChange event handler
valuestringNoThe value of the Tab
classNamestringNoAllows providing a custom class name

TabItem

PropTypeRequiredDefaultDescription
namestringYesThe name of the TabItem
focusbooleanNofalseSets the focused state on the TabItem
disabledbooleanNofalseSets the disabled state on the TabItem
selectedbooleanNofalseSets the selected TabItem
onChange(name: string) => voidNoThe onChange event handler
classNamestringNoAllows providing a custom class name

Contributing 🖌️

Please visit personio.design for usage guidelines and visual examples.

If you're interested in contributing, please visit our contribution page.

@highlight-ui/typography@highlight-ui/utils-commons
@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395personio-componants@zalastax/nolb-_hig
2.2.4

3 months ago

2.2.3

5 months ago

2.1.27

10 months ago

2.1.28

10 months ago

2.1.25

10 months ago

2.1.26

10 months ago

2.1.29

10 months ago

2.1.38

9 months ago

2.1.39

9 months ago

2.1.36

9 months ago

2.1.37

9 months ago

2.1.34

10 months ago

2.1.35

9 months ago

2.1.32

10 months ago

2.1.33

10 months ago

2.1.30

10 months ago

2.1.31

10 months ago

2.2.1

7 months ago

2.2.0

7 months ago

2.1.47

7 months ago

2.2.2

7 months ago

2.1.48

7 months ago

2.1.45

8 months ago

2.1.46

7 months ago

2.1.43

8 months ago

2.1.44

8 months ago

2.1.41

8 months ago

2.1.42

8 months ago

2.1.40

9 months ago

2.2.0-r18.0

8 months ago

2.1.23

12 months ago

2.1.24

12 months ago

2.1.21

1 year ago

2.1.22

12 months ago

2.1.16

1 year ago

2.1.17

1 year ago

2.1.18

1 year ago

2.1.19

1 year ago

2.1.20

1 year ago

2.1.14

1 year ago

2.1.15

1 year ago

2.1.12

1 year ago

2.1.13

1 year ago

2.1.11

1 year ago

1.0.22

1 year ago

2.0.0

1 year ago

2.1.9

1 year ago

2.1.10

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.1.9

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

2.1.2

1 year ago

2.1.1

1 year ago

2.1.4

1 year ago

2.1.3

1 year ago

2.1.6

1 year ago

2.1.5

1 year ago

2.1.8

1 year ago

2.1.7

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

2.1.0

1 year ago

1.1.14

1 year ago

1.1.13

1 year ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.20

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

1.0.9

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.0-alpha.1

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.0-alpha.0

2 years ago

0.1.23

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.2.2

2 years ago

0.1.22

2 years ago

0.1.20

2 years ago

0.1.21

2 years ago

0.1.17

2 years ago

0.1.18

2 years ago

0.1.19

2 years ago

0.1.13

3 years ago

0.1.14

3 years ago

0.1.15

3 years ago

0.1.16

3 years ago

0.1.12

3 years ago

0.1.11

3 years ago

0.1.10

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.3

3 years ago

0.1.0

3 years ago