https://github.com/whizkydee/dropd

⚡️Zero-dependency minimalistic dropdown component for React and Vue.
https://github.com/whizkydee/dropd

dropdown dropdown-menu react-component select ui-component vue-component

Last synced: about 1 year ago
JSON representation

⚡️Zero-dependency minimalistic dropdown component for React and Vue.

• Host: GitHub
• URL: https://github.com/whizkydee/dropd
• Owner: whizkydee
• License: mit
• Archived: true
• Created: 2019-04-08T19:11:33.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-03-13T01:55:47.000Z (over 3 years ago)
• Last Synced: 2025-03-12T17:50:50.849Z (over 1 year ago)
• Topics: dropdown, dropdown-menu, react-component, select, ui-component, vue-component
• Language: JavaScript
• Homepage: https://npm.im/dropd-component
• Size: 1.74 MB
• Stars: 73
• Watchers: 2
• Forks: 15
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • Changelog: HISTORY.md
  • License: LICENSE

Awesome Lists containing this project

README

          


  


  


  


  

  


  


  
⚡️Zero-dependency minimalistic dropdown component for React and Vue.


  


  

  

  

  


## ✨ Pros:

- 📦 ~6kb (gzipped, full package)

- 🙅‍♂️ Zero dependencies

- 📱Supports touch devices

- ⚒ CommonJS and ES Modules support

- ✅ Optimized for Accessibilty

- 🌈 Easy to customize

- 🦄 Optimized for performance

- 💅 More-reliant on CSS over JavaScript

## 🔧 Installation

To install the full package (for Vue and React) 👇

```

$ npm install dropd-component --save

```

or

See

[react-dropd](https://github.com/whizkydee/dropd/tree/master/packages/react-dropd#-installation)

and

[vue-dropd](https://github.com/whizkydee/dropd/tree/master/packages/vue-dropd#-installation)

for framework specific installation.

## 📖 Usage

- [For React](https://github.com/whizkydee/dropd/tree/master/packages/react-dropd#-usage)

- [For Vue](https://github.com/whizkydee/dropd/tree/master/packages/vue-dropd#-usage)

## 👀 Examples

⚡️

[React Dropd on CodeSandbox](https://codesandbox.io/s/0y3x7jwv0n?fontsize=14)

⚡️ [Vue Dropd on CodeSandbox](https://codesandbox.io/s/kx874lpmxo?fontsize=14)

## 👷 Contributing

Please see [Projects](https://github.com/whizkydee/dropd/projects/1) for a list

of things to do.

1. Fork this repo and clone on your machine

1. Navigate to the main folder, `dropd`

1. Create a new branch using the format, `feature/feature-name`

1. Run `yarn install -W` to install all of the dependencies in the workspace

1. Use `yarn dev` to monitor the changes you make in `/packages` and

   concurrently re-build or

1. Use `yarn build` to compile `packages/vue-dropd/index.vue` and

   `packages/react-dropd/index.js` (shows `bundlesize` info too)

## 🤝 License

MIT © [Olaolu Olawuyi](https://twitter.com/mrolaolu)