@3xpo/svelte-colour-picker
Version:
A highly customizable color picker component library
40 lines (39 loc) • 1.5 kB
TypeScript
import { SvelteComponentTyped } from "svelte";
import type { Components } from '../type/types';
declare const __propDef: {
props: {
/** customize the ColorPicker component parts. Can be used to display a Chrome variant or an Accessibility Notice */ components: Components;
/** hue value */ h: number;
/** saturation value */ s: number;
/** vibrance value */ v: number;
/** indicator whether the selected color is light or dark */ isDark?: boolean | undefined;
/** saturation slider div element */ sSlider: HTMLDivElement;
};
events: {
[evt: string]: CustomEvent<any>;
};
slots: {};
};
export type PickerProps = typeof __propDef.props;
export type PickerEvents = typeof __propDef.events;
export type PickerSlots = typeof __propDef.slots;
/**
* Picker wrapper containing the mouse and keyboard logic to select the color. _internal component_
*
* **Import**
* N.A.
*
* **Use**
* N.A.
*
* **Props**
* @prop components: Components — customize the ColorPicker component parts. Can be used to display a Chrome variant or an Accessibility Notice
* @prop h: number — hue value
* @prop s: number — saturation value
* @prop v: number — vibrance value
* @prop isDark: boolean — indicator whether the selected color is light or dark
* @prop sSlider: HTMLDivElement — saturation slider div element
*/
export default class Picker extends SvelteComponentTyped<PickerProps, PickerEvents, PickerSlots> {
}
export {};