2.2.5 • Published 1 year ago

@highlight-ui/tab v2.2.5

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year 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.5

1 year ago

2.2.4

1 year ago

2.2.3

2 years ago

2.1.27

2 years ago

2.1.28

2 years ago

2.1.25

2 years ago

2.1.26

2 years ago

2.1.29

2 years ago

2.1.38

2 years ago

2.1.39

2 years ago

2.1.36

2 years ago

2.1.37

2 years ago

2.1.34

2 years ago

2.1.35

2 years ago

2.1.32

2 years ago

2.1.33

2 years ago

2.1.30

2 years ago

2.1.31

2 years ago

2.2.1

2 years ago

2.2.0

2 years ago

2.1.47

2 years ago

2.2.2

2 years ago

2.1.48

2 years ago

2.1.45

2 years ago

2.1.46

2 years ago

2.1.43

2 years ago

2.1.44

2 years ago

2.1.41

2 years ago

2.1.42

2 years ago

2.1.40

2 years ago

2.2.0-r18.0

2 years ago

2.1.23

2 years ago

2.1.24

2 years ago

2.1.21

2 years ago

2.1.22

2 years ago

2.1.16

2 years ago

2.1.17

2 years ago

2.1.18

2 years ago

2.1.19

2 years ago

2.1.20

2 years ago

2.1.14

2 years ago

2.1.15

2 years ago

2.1.12

2 years ago

2.1.13

2 years ago

2.1.11

2 years ago

1.0.22

3 years ago

2.0.0

3 years ago

2.1.9

2 years ago

2.1.10

2 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.1.9

3 years ago

1.1.8

3 years ago

1.1.7

3 years ago

1.1.6

3 years ago

1.1.5

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

3 years ago

2.1.2

3 years ago

2.1.1

3 years ago

2.1.4

3 years ago

2.1.3

3 years ago

2.1.6

2 years ago

2.1.5

2 years ago

2.1.8

2 years ago

2.1.7

2 years ago

1.1.12

3 years ago

1.1.11

3 years ago

1.1.10

3 years ago

2.1.0

3 years ago

1.1.14

3 years ago

1.1.13

3 years ago

1.0.18

3 years ago

1.0.17

3 years ago

1.0.16

3 years ago

1.0.20

3 years ago

1.0.15

3 years ago

1.0.14

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

1.0.9

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.0-alpha.1

3 years ago

1.0.11

3 years ago

1.0.10

3 years ago

1.0.13

3 years ago

1.0.12

3 years ago

1.0.0-alpha.0

3 years ago

0.1.23

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago

0.2.2

3 years ago

0.1.22

3 years ago

0.1.20

4 years ago

0.1.21

4 years ago

0.1.17

4 years ago

0.1.18

4 years ago

0.1.19

4 years ago

0.1.13

4 years ago

0.1.14

4 years ago

0.1.15

4 years ago

0.1.16

4 years ago

0.1.12

4 years ago

0.1.11

4 years ago

0.1.10

4 years ago

0.1.9

4 years ago

0.1.8

4 years ago

0.1.7

4 years ago

0.1.6

4 years ago

0.1.5

4 years ago

0.1.4

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.3

4 years ago

0.1.0

4 years ago