Menu · GOAT UI

Home

Components

Overview

Playground

API

Menus display a list of choices on temporary surfaces.

Usage

New

Open

Save

Disabled

Print (with value)


  
    New
    Open
    Save
    Disabled
    
    Print (with value)

Icon Menu



  

    
      
        
        Cut
        ⌘X
      
      
        
        Copy
        ⌘C
      
      
        
        Paste
        ⌘X
      
      
      
        
        Delete
        ←
      
    

    
      
        
        
          Shivaji Varma
        
        
          Software Engineer
        
      
      
        
        
          
            John doe
          
          
            Manager
          
        
      

      
        
        
          
            Fred
          
          
            Director

Events

 const $list = document.querySelector('.menu');
      $list.addEventListener('goat:menu-item-click',
      function(evt) {
       console.log('' + JSON.stringify(evt.detail.value, null, 4) + '');
      });

Usage

Icon Menu

Events

Work in progress

Properties

Events