@anypoint-web-components/anypoint-dropdown
v1.1.7
Published
Accessible dropdown menu for Anypoint platform
Downloads
2,264
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
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-dropdownIn 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 installRunning the demo locally
npm startRunning the tests
npm test