Nature Preceded Machines

    @picmo/popup-picker
    TypeScript icon, indicating that this package has built-in type declarations

    5.7.2 • Public • Published

    @picmo/popup-picker

    Adds support to PicMo for showing a picker in a popup element.

    Requires the base PicMo package to be installed as a peer dependency.

    Installation

    npm install @picmo/popup-picker
    

    Basic usage

    To show a popup picker, you'll need a trigger element. This is often a button or other clickable element that can show the popup picker in response to a click event.

    import { createPopup } from '@picmo/popup-picker';
    
    const triggerButton = document.querySelector('#emoji-button');
    
    // Create the picker
    const picker = createPopup({}, {
      // The element that triggers the popup
      triggerElement: triggerButton,
    
      // The element to position the picker relative to - often this is also the trigger element,
      referenceElement: triggerButton,
    
      // specify how to position the popup
      position: 'bottom-start'
    });
    
    // The picker emits an event when an emoji is selected. Do with it as you will!
    picker.addEventListener('emoji:select', event => {
      console.log('Emoji selected:', event.emoji);
    });

    Install

    npm i @picmo/popup-picker

    Homepage

    picmojs.com

    DownloadsWeekly Downloads

    9,041

    Version

    5.7.2

    License

    MIT

    Unpacked Size

    56 kB

    Total Files

    12

    Last publish

    Collaborators

    • joeattardi