# @anypoint-web-components/anypoint-dropdown

> Accessible dropdown menu for Anypoint platform

Latest version **1.1.7** (published 2021-10-15) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @anypoint-web-components/anypoint-dropdown
pnpm add @anypoint-web-components/anypoint-dropdown
yarn add @anypoint-web-components/anypoint-dropdown
bun add @anypoint-web-components/anypoint-dropdown
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.7 |
| Published | 2021-10-15 |
| First published | 2019-08-05 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 35.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | jarrodek, twoplustwoone, lbauret, carowright |
| Keywords | web-components, anypoint-web-components, selection, list, dropdown |

## Links

- npm: https://www.npmjs.com/package/@anypoint-web-components/anypoint-dropdown
- Repository: https://github.com/anypoint-web-components/anypoint-dropdown
- Homepage: https://github.com/anypoint-web-components/anypoint-dropdown#readme
- Issues: https://github.com/anypoint-web-components/anypoint-dropdown/issues
- npm.io page: https://npm.io/package/@anypoint-web-components/anypoint-dropdown

## Dependencies (4)

- [lit-html](https://npm.io/package/lit-html.md) ^1.4.1
- [lit-element](https://npm.io/package/lit-element.md) ^2.5.1
- [@advanced-rest-client/arc-overlay-mixin](https://npm.io/package/@advanced-rest-client/arc-overlay-mixin.md) ^1.2.0
- [@anypoint-web-components/anypoint-control-mixins](https://npm.io/package/@anypoint-web-components/anypoint-control-mixins.md) ^1.2.0

## Recent versions

- 1.1.7 (latest) — 2021-10-15
- 1.1.6 — 2021-05-30
- 1.1.5 — 2021-03-22
- 1.1.4 — 2020-11-26
- 1.1.3 — 2020-11-25
- 1.1.2 — 2020-07-06
- 1.1.1 — 2020-06-24
- 1.1.0 — 2020-05-29
- 1.0.1 — 2019-11-20
- 1.0.0 — 2019-08-05

## README

# 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](https://github.com/PolymerElements/anypoint-dropdown)

[![Published on NPM](https://img.shields.io/npm/v/@anypoint-web-components/anypoint-dropdown.svg)](https://www.npmjs.com/package/@anypoint-web-components/anypoint-dropdown)

[![tests](https://github.com/anypoint-web-components/anypoint-dropdown/actions/workflows/deployment.yml/badge.svg)](https://github.com/anypoint-web-components/anypoint-dropdown/actions/workflows/deployment.yml)

## 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

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

### In an HTML file

```html
<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

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

### Running the demo locally

```sh
npm start
```

### Running the tests

```sh
npm test
```

---
_Source: https://npm.io/package/@anypoint-web-components/anypoint-dropdown · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._