5.3.4 • Published 1 year ago

@highlight-ui/icon v5.3.4

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

npm personio.design storybook.personio.design

@highlight-ui/icon

Installation

Using npm:

npm install @highlight-ui/icon

Using yarn:

yarn add @highlight-ui/icon

Using pnpm:

pnpm install @highlight-ui/icon

In order to use font-awesome, it is necessary to include per your usage! It is not shipped in this package.

In your (S)CSS file:

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

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

import { Icon } from '@highlight-ui/icon';

Usage

import React, { useState } from 'react';
import { Icon } from '@highlight-ui/icon';

export default function IconExample() {
  return <Icon name="map" color="icon-critical" type="light" />;
}

Props 📜

PropTypeRequiredDefaultDescription
namestringYesSpecify a name of the icon
colorIconColorTokenNoSpecify a color of the icon
sizenumberNo14Specify the size of the icon
spinbooleanNofalseSpecifies whether the icon will be spinning (using CSS animation) or not
type'regular', 'light', 'solid'NoregularSpecify a font family for the icon
blockbooleanNofalseMakes the component behave as a block element (take up the whole available space)
aria-hiddenReact.AriaAttributes['aria-hidden']NoIndicates whether the element is exposed to an accessibility API

Custom types 🔠

TypeValuesDescription
IconColorToken"Icon" and "Icon On" color token names

Contributing 🖌️

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

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

@highlight-ui/tokens@highlight-ui/utils-commons
@highlight-ui/anchor@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395@highlight-ui/accordion@highlight-ui/empty-state@highlight-ui/file-management@highlight-ui/form-field@highlight-ui/link@highlight-ui/menu@highlight-ui/month-navigation@highlight-ui/pagination@highlight-ui/alert@highlight-ui/avatar@highlight-ui/button@highlight-ui/color-picker@highlight-ui/date-time-picker@highlight-ui/drag-and-drop@highlight-ui/select@highlight-ui/tag@highlight-ui/toast@highlight-ui/toggle-input@highlight-ui/progress-tracker@highlight-ui/sandbox-date-time-picker@highlight-ui/sandbox-form-field@highlight-ui/sandbox-menu@highlight-ui/sandbox-multiselect-tag@highlight-ui/sandbox-progress-tracker@highlight-ui/sandbox-search-input@highlight-ui/sandbox-searchable-sub-label-select@highlight-ui/sandbox-select-low-domy@highlight-ui/sandbox-tag@zalastax/nolb-_hig
5.3.4

1 year ago

5.3.3

2 years ago

5.3.2

2 years ago

5.3.1

2 years ago

5.3.0

2 years ago

5.0.1

2 years ago

5.1.4

2 years ago

5.1.3

2 years ago

5.3.0-r18.0

2 years ago

5.1.2

2 years ago

5.1.1

2 years ago

5.1.0

2 years ago

5.2.15

2 years ago

5.2.14

2 years ago

5.2.13

2 years ago

5.2.12

2 years ago

5.2.11

2 years ago

5.2.10

2 years ago

5.2.9

2 years ago

5.2.8

2 years ago

5.2.7

2 years ago

5.2.6

2 years ago

5.2.5

2 years ago

5.2.4

2 years ago

5.2.3

2 years ago

5.2.2

2 years ago

5.2.1

2 years ago

5.2.0

2 years ago

4.1.8

2 years ago

4.1.9

2 years ago

5.0.0

2 years ago

4.1.7

2 years ago

4.1.4

2 years ago

4.1.6

2 years ago

4.1.5

2 years ago

4.0.21

3 years ago

4.0.27

3 years ago

4.0.26

3 years ago

4.0.29

3 years ago

4.0.28

3 years ago

4.0.23

3 years ago

4.0.22

3 years ago

4.0.25

3 years ago

4.0.24

3 years ago

4.0.30

3 years ago

4.1.3

2 years ago

4.0.32

3 years ago

4.0.31

3 years ago

4.1.0

3 years ago

4.1.2

2 years ago

4.1.1

2 years ago

4.0.37

3 years ago

4.0.34

3 years ago

4.0.33

3 years ago

4.0.36

3 years ago

4.0.35

3 years ago

4.0.19

3 years ago

4.0.16

3 years ago

4.0.17

3 years ago

4.0.15

3 years ago

4.0.14

3 years ago

4.0.0-alpha.1

3 years ago

4.0.5

3 years ago

4.0.4

3 years ago

4.0.10

3 years ago

4.0.7

3 years ago

4.0.6

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago

4.0.3

3 years ago

4.0.2

3 years ago

4.0.12

3 years ago

4.0.11

3 years ago

4.0.13

3 years ago

4.0.9

3 years ago

4.0.0-alpha.0

3 years ago

3.0.28

3 years ago

3.0.30

3 years ago

3.0.29

3 years ago

3.0.27

3 years ago

3.0.23

4 years ago

3.0.24

4 years ago

3.0.22

4 years ago

3.0.25

4 years ago

3.0.26

4 years ago

3.0.21

4 years ago

3.0.20

4 years ago

3.0.18

4 years ago

3.0.19

4 years ago

3.0.17

4 years ago

3.0.16

4 years ago

3.0.14

4 years ago

3.0.15

4 years ago

3.0.13

4 years ago

3.0.12

4 years ago

3.0.10

4 years ago

3.0.11

4 years ago

3.0.9

4 years ago

3.0.8

4 years ago

3.0.7

4 years ago

3.0.6

4 years ago

3.0.5

4 years ago

3.0.4

4 years ago

3.0.3

4 years ago

3.0.2

4 years ago

3.0.1

4 years ago

2.1.6

4 years ago

2.1.8

4 years ago

2.1.7

4 years ago

2.1.9

4 years ago

3.0.0

4 years ago

2.1.5

4 years ago

2.1.2

4 years ago

2.1.1

4 years ago

2.1.4

4 years ago

2.1.3

4 years ago

2.0.7

4 years ago

2.1.0

4 years ago

2.0.6

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.1.3

4 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago