https://github.com/hubspot/drop
A library for creating dropdowns and other floating elements. #hubspot-open-source
https://github.com/hubspot/drop
Last synced: 9 months ago
JSON representation
A library for creating dropdowns and other floating elements. #hubspot-open-source
- Host: GitHub
- URL: https://github.com/hubspot/drop
- Owner: HubSpot
- License: mit
- Created: 2013-12-13T03:03:52.000Z (over 12 years ago)
- Default Branch: master
- Last Pushed: 2020-09-11T02:16:41.000Z (almost 6 years ago)
- Last Synced: 2025-10-09T01:07:53.478Z (9 months ago)
- Language: CSS
- Homepage: http://github.hubspot.com/drop/docs/welcome
- Size: 1.23 MB
- Stars: 2,357
- Watchers: 201
- Forks: 213
- Open Issues: 53
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
## Drop
[](http://badge.fury.io/gh/HubSpot%2Fdrop)
Drop.js is a powerful Javascript and CSS library for creating dropdowns and other floating displays.
[](http://github.hubspot.com/drop/)
## Install
__Dependencies__
* __[Tether](https://github.com/HubSpot/tether)__
__npm__
```sh
$ npm install tether-drop
```
__bower__
```sh
$ bower install tether-drop
```
## Usage
```javascript
let dropInstance = new Drop({
target: document.querySelector('.drop-target'),
content: 'Welcome to the future',
classes: 'drop-theme-arrows',
position: 'bottom left',
openOn: 'click'
})
```
[API documentation](http://github.hubspot.com/drop)
[Demo](http://github.hubspot.com/drop/docs/welcome)
## Contributing
We encourage contributions of all kinds. If you would like to contribute in some way, please review our [guidelines for contributing](CONTRIBUTING.md).
## License
Copyright © 2015 HubSpot - [MIT License](LICENSE)