useEyeDropper

v0.0.14testeddemo

Reactive wrapper around the EyeDropper API for picking colors from the screen.

Example

const { isSupported, sRGBHex, open } = useEyeDropper();
if (isSupported.value)
  await open();

Loading demo…

export function useEyeDropper(options: UseEyeDropperOptions ={ ... }

Parameter	Type	Default	Description
`options`?	`UseEyeDropperOptions`	`{}`	Options

UseEyeDropperReturnisSupported, sRGBHex, and open()

Property	Type	Default	Description
`isSupported`	`ComputedRef<boolean>`	—	Whether the EyeDropper API is supported
`sRGBHex`	`ShallowRef<string>`	—	The most recently picked color, in sRGB hexadecimal format
`open`	`(openOptions?: EyeDropperOpenOptions) => Promise<EyeDropperResult \| undefined>`	—	Open the eyedropper and let the user pick a color. Resolves with the result, or `undefined` when the API is unsupported.