eyeDropperAction

An action to open EyeDropper on click of the element action is binded to. It's an experimental API.

Demo

Color will appear here.

Usage

<script>
  import { eyeDropperAction } from "svelte-legos";
  let color = '';
</script>

<button
  use:eyeDropperAction={{
    onDone: (value) => (color = value),
    onError: (e) => console.error(e)
  }}
>
  Open EyeDropper
</button>

<div style:background={color} class="box"></div>