Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/HubSpot/drop

A library for creating dropdowns and other floating elements. #hubspot-open-source
https://github.com/HubSpot/drop

Last synced: 22 days 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 10 years ago)
Default Branch: master
Last Pushed: 2020-09-11T02:16:41.000Z (almost 4 years ago)
Last Synced: 2024-01-30T22:38:06.605Z (5 months ago)
Language: CSS
Homepage: http://github.hubspot.com/drop/docs/welcome
Size: 1.23 MB
Stars: 2,362
Watchers: 197
Forks: 216
Open Issues: 53
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE

Lists

awesome-stars - HubSpot/drop - A library for creating dropdowns and other floating elements. #hubspot-open-source (CSS)
awesome-stars - HubSpot/drop - `★2358` A library for creating dropdowns and other floating elements. #hubspot-open-source (CSS)
awesome-stars - drop - A library for creating dropdowns and other floating elements. #hubspot-open-source (CSS)
docsify-awesome-stars - HubSpot/drop - A library for creating dropdowns and other floating elements. #hubspot-open-source (CSS)

README

        ## Drop

[![GitHub

version](https://badge.fury.io/gh/HubSpot%2Fdrop.svg)](http://badge.fury.io/gh/HubSpot%2Fdrop)

Drop.js is a powerful Javascript and CSS library for creating dropdowns and other floating displays.

[![Drop Docs](http://i.imgur.com/sgmx9aJ.png)](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)