4.3.5 • Published 3 months ago

@highlight-ui/color-picker v4.3.5

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

npm personio.design storybook.personio.design

@highlight-ui/color-picker

Installation

Using npm:

npm install @highlight-ui/color-picker

Using yarn:

yarn add @highlight-ui/color-picker

Using pnpm:

pnpm install @highlight-ui/color-picker

In your (S)CSS file:

@import url('@highlight-ui/color-picker');

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

import { ColorPicker } from '@highlight-ui/color-picker';

Usage

import React, { useState } from 'react';
import { ColorPicker } from '@highlight-ui/color-picker';

export default function ColorPickerExample() {
  return (
    <ColorPicker
      title="Pick a color"
      closeOnSelect
      palette="main"
      onChange={callback(action('Selected a color'), '(_: string) => void')}
    />
  );
}

Props 📜

PropTypeRequiredDefaultDescription
titlestringYesSets the title text on the color picker
palette'main', 'pastelNomainSets the selectable color palette
initialColorstringNoSets the "selected" color on the button
closeOnSelectbooleanNofalseIf true, closes picker when a color is selected
disabledbooleanNofalseSets a disabled state on the button
onChange(_: string) => voidNoCallback fired once a color is selected, parameter is a hex value

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/panel@highlight-ui/tokens@highlight-ui/typography@highlight-ui/utils-commons
@infinitebrahmanuniverse/nolb-_hig@everything-registry/sub-chunk-395@highlight-ui/sandbox-multiselect-tag@highlight-ui/sandbox-searchable-sub-label-select@highlight-ui/sandbox-select-low-domy@highlight-ui/select@zalastax/nolb-_hig
4.3.5

3 months ago

4.3.4

5 months ago

4.3.0-r18.0

8 months ago

4.2.22

10 months ago

4.2.23

10 months ago

4.2.28

10 months ago

4.2.29

10 months ago

4.2.24

10 months ago

4.2.25

10 months ago

4.2.26

10 months ago

4.2.27

10 months ago

4.3.2

7 months ago

4.3.1

7 months ago

4.3.3

7 months ago

4.3.0

7 months ago

4.2.42

8 months ago

4.2.43

8 months ago

4.2.44

7 months ago

4.2.45

7 months ago

4.2.40

8 months ago

4.2.41

8 months ago

4.2.46

7 months ago

4.2.47

7 months ago

4.2.31

10 months ago

4.2.32

10 months ago

4.2.33

10 months ago

4.2.34

9 months ago

4.2.30

10 months ago

4.2.39

8 months ago

4.2.35

9 months ago

4.2.36

9 months ago

4.2.37

9 months ago

4.2.38

9 months ago

4.2.20

12 months ago

4.2.21

11 months ago

4.2.17

12 months ago

4.2.18

12 months ago

4.2.19

12 months ago

4.2.12

1 year ago

4.2.13

1 year ago

4.2.14

1 year ago

4.2.15

1 year ago

4.2.16

1 year ago

4.2.10

1 year ago

4.2.11

1 year ago

4.2.7

1 year ago

4.2.9

1 year ago

4.2.8

1 year ago

4.1.8

1 year ago

4.1.7

1 year ago

4.1.9

1 year ago

4.2.3

1 year ago

4.2.2

1 year ago

4.2.5

1 year ago

4.2.4

1 year ago

4.2.1

1 year ago

4.2.0

1 year ago

4.0.9

1 year ago

4.2.6

1 year ago

4.1.10

1 year ago

4.1.11

1 year ago

4.1.12

1 year ago

4.1.13

1 year ago

4.1.14

1 year ago

4.1.15

1 year ago

4.1.4

1 year ago

4.1.3

1 year ago

4.1.6

1 year ago

4.1.5

1 year ago

4.1.0

1 year ago

4.1.2

1 year ago

4.1.1

1 year ago

4.0.5

2 years ago

4.0.4

2 years ago

4.0.7

2 years ago

4.0.1

2 years ago

4.0.0

2 years ago

4.0.3

2 years ago

4.0.2

2 years ago

3.0.0-alpha.2

2 years ago

3.0.12

2 years ago

3.0.4

2 years ago

3.0.13

2 years ago

3.0.3

2 years ago

3.0.10

2 years ago

3.0.2

2 years ago

3.0.11

2 years ago

3.0.1

2 years ago

3.0.7

2 years ago

3.0.6

2 years ago

3.0.5

2 years ago

3.0.0

2 years ago

3.0.9

2 years ago

3.0.0-alpha.1

2 years ago

3.0.0-alpha.0

2 years ago

2.0.31

2 years ago

2.0.32

2 years ago

2.0.30

2 years ago

2.0.28

2 years ago

2.0.29

2 years ago

2.0.26

2 years ago

2.0.27

2 years ago

2.0.24

2 years ago

2.0.25

2 years ago

2.0.23

2 years ago

2.0.19

3 years ago

2.0.22

3 years ago

2.0.20

3 years ago

2.0.21

3 years ago

2.0.18

3 years ago

2.0.17

3 years ago

2.0.15

3 years ago

2.0.16

3 years ago

2.0.14

3 years ago

2.0.13

3 years ago

2.0.11

3 years ago

2.0.12

3 years ago

2.0.10

3 years ago

2.0.7

3 years ago

2.0.9

3 years ago

2.0.8

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.2.8

3 years ago

1.2.7

3 years ago

1.2.6

3 years ago

1.2.9

3 years ago

2.0.0

3 years ago

1.2.5

3 years ago

1.2.4

3 years ago

1.2.3

3 years ago

1.2.2

3 years ago

1.2.1

3 years ago

1.2.0

3 years ago

1.0.2

3 years ago

1.1.0

3 years ago

1.0.1

3 years ago