We can use the following widget to implement the telephone input. https://github.com/jackocnr/intl-tel-input Features Automatically select the user’s current country using an IP lookup Automatically set the input placeholder to an example number for the selected country Navigate the country dropdown by typing a country’s name, or using up/down keys Handle phone number extensions The user …
Features Supports IE9, IE9+, Chrome, Firefox & Safari Install npm install –save rc-slider Example Online examples: http://react-component.github.io/slider/ Test Case http://localhost:8005/tests/runner.html?coverage Coverage http://localhost:8005/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8088/tests/runner.html?coverage Common API The following APIs are shared by Slider and Range. Slider and Range
react-mosaic is a full-featured React Tiling Window Manager meant to give a user complete control over their workspace. It provides a simple and flexible API to tile arbitrarily complex react components across a user’s view. react-mosaic is written in TypeScript and provides typings but can be used in JavaScript as well. The best way to …
Vue I18n is internationalization plugin of Vue.js. It easily integrates some localization features to your Vue.js Application. https://unpkg.com/vue-i18n/dist/vue-i18n unpkg.com provides NPM-based CDN links. The above link will always point to the latest release on NPM. You can also use a specific version/tag via URLs like https://unpkg.com/vue-i18n@8.14.0/dist/vue-i18n.js Include vue-i18n after Vue and it will install itself automatically: NPM …
https://buttercms.com/react-blog-engine/ You’ve got better things to do than build another blog Add Butter to your React app and get back to more interesting problems. ButterCMS is an API-based React blog engine that integrates seamlessly with new and existing React apps. Add ButterCMS to your React app in minutes using our Node.js API client. Use ButterCMS …
Drag-and-drop sortable component for nested data and hierarchies. It uses react-virtualized, react-dnd. https://github.com/frontend-collective/react-sortable-tree
Datatable for React based on material-ui’s table with additional features. We can add custom actions such as add/edit/delete row data of table easily by using this library. https://material-table.com
Highly customizable notification snackbars (toasts) that can be stacked on top of each other. https://github.com/iamhosseindhv/notistack
This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations. Features Display numbers with separators. Display dates and times correctly. Display dates relative to “now”. Pluralize labels in strings. Support for 150+ languages. Runs in the browser and Node.js. Built on standards. More details can be …
In order to blur in html page normally css `filter: blur(npx)` is used. filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg‘ ><filter id=’svgMask’><feGaussianBlur stdDeviation=’3’ /></filter></svg>#svgMask”); This is also useful as well as normal filter. And you can utilize svg for further tricks too.