5.2.7 • Published 2 months ago

@highlight-ui/tag v5.2.7

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

npm personio.design storybook.personio.design

@highlight-ui/tag

Using npm:

npm install @highlight-ui/tag

Using yarn:

yarn add @highlight-ui/tag

Using pnpm:

pnpm install @highlight-ui/tag

In your (S)CSS file:

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

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

import { Tag } from '@highlight-ui/tag';

Usage

import React from 'react';
import { Tag } from '@highlight-ui/tag';

export default function TagExample() {
  return <Tag text="Tag example" />;
}

Props 📜

PropTypeRequiredDefaultDescription
textstringYesThe text on the tag
backgroundColorstringNo#DBE5ECThe Tag's background color as hex
colorstringNoThe Tag's text color as hex
interaction'none', 'click', 'remove'NononeDetermines whether the tag is interactive.
maxWidthnumberNo200The max width of the Tag
onClickReact.MouseEventHandlerNoThe callback to execute when interacting with the tag
onRemoveReact.MouseEventHandlerNoThe callback to execute when removing the tag
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/icon@highlight-ui/tokens@highlight-ui/typography@highlight-ui/utils-commons
@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395personio-componants@zalastax/nolb-_hig@highlight-ui/sandbox-progress-tracker@highlight-ui/tag-picker@highlight-ui/sandbox-custom-menu@highlight-ui/sandbox-multiselect-tag
5.2.7

2 months ago

5.2.6

3 months ago

5.2.5

5 months ago

5.2.4

5 months ago

5.2.3

5 months ago

5.0.92

10 months ago

5.0.93

10 months ago

5.0.94

10 months ago

5.0.95

10 months ago

5.0.96

10 months ago

5.0.97

10 months ago

5.0.90

10 months ago

5.0.91

10 months ago

5.0.88

10 months ago

5.0.89

10 months ago

5.1.9

9 months ago

5.1.8

9 months ago

5.1.7

9 months ago

5.1.6

9 months ago

5.1.5

9 months ago

5.1.4

10 months ago

5.1.3

10 months ago

5.1.2

10 months ago

5.1.1

10 months ago

5.1.0

10 months ago

5.2.2

7 months ago

5.2.1

7 months ago

5.2.0

7 months ago

5.2.0-r18.0

8 months ago

5.1.20

7 months ago

5.1.19

7 months ago

5.1.18

7 months ago

5.1.17

8 months ago

5.1.16

8 months ago

5.1.15

8 months ago

5.1.14

8 months ago

5.1.13

8 months ago

5.1.12

8 months ago

5.1.11

9 months ago

5.1.10

9 months ago

5.0.81

12 months ago

5.0.82

12 months ago

5.0.83

11 months ago

5.0.84

11 months ago

5.0.85

11 months ago

5.0.86

11 months ago

5.0.87

11 months ago

5.0.80

12 months ago

5.0.78

12 months ago

5.0.79

12 months ago

5.0.72

1 year ago

5.0.73

1 year ago

5.0.74

1 year ago

5.0.75

1 year ago

5.0.76

1 year ago

5.0.77

1 year ago

5.0.70

1 year ago

5.0.71

1 year ago

5.0.65

1 year ago

5.0.66

1 year ago

5.0.67

1 year ago

5.0.68

1 year ago

5.0.69

1 year ago

5.0.33

1 year ago

5.0.34

1 year ago

5.0.35

1 year ago

5.0.36

1 year ago

5.0.37

1 year ago

5.0.38

1 year ago

5.0.39

1 year ago

5.0.60

1 year ago

5.0.61

1 year ago

5.0.62

1 year ago

5.0.63

1 year ago

5.0.64

1 year ago

5.0.50

1 year ago

5.0.51

1 year ago

5.0.52

1 year ago

5.0.53

1 year ago

5.0.54

1 year ago

5.0.55

1 year ago

5.0.56

1 year ago

5.0.57

1 year ago

5.0.58

1 year ago

5.0.59

1 year ago

5.0.40

1 year ago

5.0.41

1 year ago

5.0.42

1 year ago

5.0.43

1 year ago

5.0.44

1 year ago

5.0.45

1 year ago

5.0.46

1 year ago

5.0.47

1 year ago

5.0.48

1 year ago

5.0.49

1 year ago

5.0.31

2 years ago

5.0.21

2 years ago

5.0.22

2 years ago

5.0.23

2 years ago

5.0.24

2 years ago

5.0.25

2 years ago

5.0.26

2 years ago

5.0.27

2 years ago

5.0.28

2 years ago

5.0.29

2 years ago

5.0.20

2 years ago

5.0.16

2 years ago

5.0.17

2 years ago

5.0.18

2 years ago

5.0.19

2 years ago

4.0.2-alpha.1

2 years ago

5.0.9

2 years ago

5.0.8

2 years ago

5.0.7

2 years ago

5.0.6

2 years ago

5.0.5

2 years ago

5.0.4

2 years ago

5.0.3

2 years ago

5.0.2

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

5.0.11

2 years ago

5.0.12

2 years ago

5.0.13

2 years ago

5.0.14

2 years ago

5.0.15

2 years ago

4.0.2-alpha.0

2 years ago

4.0.1

2 years ago

3.0.4

2 years ago

3.0.3

2 years ago

3.0.2

2 years ago

3.0.1

2 years ago

3.0.0

2 years ago

4.0.0

2 years ago

2.0.37

2 years ago

2.0.35

2 years ago

2.0.36

2 years ago

2.0.33

2 years ago

2.0.34

2 years ago

2.0.28

2 years ago

2.0.29

2 years ago

2.0.31

2 years ago

2.0.32

2 years ago

2.0.30

2 years ago

2.0.26

3 years ago

2.0.27

3 years ago

2.0.24

3 years ago

2.0.25

3 years ago

2.0.23

3 years ago

2.0.22

3 years ago

2.0.21

3 years ago

2.0.20

3 years ago

2.0.19

3 years ago

2.0.18

3 years ago

2.0.17

3 years ago

2.0.16

3 years ago

2.0.15

3 years ago

2.0.13

3 years ago

2.0.14

3 years ago

2.0.12

3 years ago

2.0.11

3 years ago

2.0.9

3 years ago

2.0.10

3 years ago

2.0.8

3 years ago

2.0.7

3 years ago

2.0.5

3 years ago

2.0.6

3 years ago

2.0.4

3 years ago

2.0.3

3 years ago

2.0.2

3 years ago

2.0.1

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

2.0.0

3 years ago

1.1.2

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago