useEyeDropper

Category

Browser

Export Size

272 B

Last Changed

5 days ago

Reactive EyeDropper API

Demo

Usage

import { useEyeDropper } from '@reause/core'

const { isSupported, open, sRGBHex } = useEyeDropper()

Type Declarations

export interface EyeDropperOpenOptions {
    signal?: AbortSignal;
}

export interface EyeDropper {
    new (): EyeDropper;
    open: (options?: EyeDropperOpenOptions) => Promise<{
        sRGBHex: string;
    }>;
    [Symbol.toStringTag]: 'EyeDropper';
}

export interface UseEyeDropperOptions {
    initialValue?: string;
}

export interface UseEyeDropperReturn {
    isSupported: boolean;
    sRGBHex: string;
    open: (openOptions?: EyeDropperOpenOptions) => Promise<{
        sRGBHex: string;
    } | undefined>;
}

export function useEyeDropper(options?: UseEyeDropperOptions): UseEyeDropperReturn

Source

Source · Demo · VueUse

Contributors

Changelog

No recent changes