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
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.
npm install --save @anypoint-web-components/anypoint-dropdown<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>git clone https://github.com/anypoint-web-components/anypoint-dropdown
cd anypoint-dropdown
npm installnpm startnpm test