πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A zero-dependency minimalistic dropdown component for React.

Form React

Documentation




dropd logo

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

Package version. Make a pull request. First-timers Friendly

✨ 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 and vue-dropd for framework specific installation.

πŸ“– Usage

πŸ‘€ Examples

⚑️ React Dropd on CodeSandbox ⚑️ Vue Dropd on CodeSandbox

πŸ‘· Contributing

Please see Projects for a list of things to do.

  1. Fork this repo and clone on your machine
  2. Navigate to the main folder, dropd
  3. Create a new branch using the format, feature/feature-name
  4. Run yarn install -W to install all of the dependencies in the workspace
  5. Use yarn dev to monitor the changes you make in /packages and concurrently re-build or
  6. Use yarn build to compile packages/vue-dropd/index.vue and packages/react-dropd/index.js (shows bundlesize info too)

🀝 License

MIT Β© Olaolu Olawuyi


You May Also Like