@anypoint-web-components/anypoint-dropdown

Accessible dropdown menu for Anypoint platform

1.1.7
latest
Source
npm

Version published: 3 years ago

Weekly downloads: 402; increased by28.43%

Maintainers: 4

Weekly downloads

Created: 5 years ago

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

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

FAQs

What is @anypoint-web-components/anypoint-dropdown?

Is @anypoint-web-components/anypoint-dropdown popular?

Is @anypoint-web-components/anypoint-dropdown well maintained?

Package last updated on 15 Oct 2021

Did you know?

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