🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

@anypoint-web-components/anypoint-dropdown

Package Overview
Dependencies
Maintainers
4
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@anypoint-web-components/anypoint-dropdown

Accessible dropdown menu for Anypoint platform

1.1.7
latest
Source
npm
Version published
Weekly downloads
504
51.35%
Maintainers
4
Weekly downloads
 
Created
Source

Deprecated

This component has been moved to anypoint-web-components/awc.

An element that displays content inside a fixed-position container, positioned relative to another element.

Partially inspired by anypoint-dropdown

Published on NPM

tests

Accessibility

The element does not offer aria-* or role attributes. The elements that uses this element should set an appropriate role and aria to the context.

Usage

Installation

npm install --save @anypoint-web-components/anypoint-dropdown

In an HTML file

<html>
  <head>
    <script type="module">
      import '@anypoint-web-components/anypoint-dropdown/anypoint-dropdown.js';
    </script>
    <style>
      #container {
        display: inline-block;
      }

      anypoint-dropdown {
        border: 1px solid gray;
        background: white;
        font-size: 2em;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <button onclick="dropdown.open();">open the anypoint-dropdown</button>
      <anypoint-dropdown id="dropdown" nooverlap>
        <div slot="dropdown-content">Hello!</div>
      </anypoint-dropdown>
    </div>
  </body>
</html>

Development

git clone https://github.com/anypoint-web-components/anypoint-dropdown
cd anypoint-dropdown
npm install

Running the demo locally

npm start

Running the tests

npm test

Keywords

web-components

FAQs

Package last updated on 15 Oct 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts