@synerise/ds-color-picker NPM | npm.io

1.2.7 • Published 5 months ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

5 months ago

id: color-picker

title: ColorPicker

ColorPicker UI Component

Installation

npm i @synerise/ds-color-picker
or
yarn add @synerise/ds-color-picker

Usage

import ColorPicker from '@synerise/ds-color-picker'

<ColorPicker />

Demo

API

ColorPicker

Property	Description	Type	Default
maxWidth	Picker overlay max width	number	228
value	picker value	string	-
onChange	value change handler	(color: string) => void	-
colors	Array of color swatches to render	string[]	-
onSaveColors	change swatches handler	(colors: string[]) => void	-
infix	used for inlining implementation of other ways of selecting/showing color value (select with converting to other color notations)	(colorHooks?: Partial) => JSX.Element	-
maxSavedColors	max number of allowed swatches	number	-
tooltip	copy color tooltip text	{ copy: string; copied: string; }	-
isShownSavedColors	controls rendering of swtches	boolean	-
size	different size overlay	'S' / 'M' / 'L'	-
readOnly	renders readOnly styled input	boolean	-
disabled	renders disabled input	boolean	-
error	renders error styled input	boolean	-
errorText	renders error styled input and error message	string	-
description	renders description below trigger	string	-
placeholder	Input placeholder text	string	-
getPopupContainer	function to find DOM node in which the overlay should be rendered	(triggerNode: HTMLElement) => HTMLElement	-
inputProps	subset of InputProps - see ds-input	InputProps	-

@synerise/ds-button @synerise/ds-divider @synerise/ds-dropdown @synerise/ds-icon @synerise/ds-input @synerise/ds-tags @synerise/ds-tooltip @synerise/ds-utils copy-to-clipboard react-colorful

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-889 @zalastax/nolb-_syn @synerise/design-system

7 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

12 months ago

12 months ago

11 months ago

12 months ago

11 months ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago