This is the Typescript playground of useful examples which can save you a hell lot of time and help you mastering typescript with efficient implementation for type safety covering those cases which usually bother you when you encounter them. These cases can considerably improve your knowledge of Typescript and help… Read more »
IMPORTANT POINTS TO INTEGRATE TINYMCE REACT This is the easiest and shortest way of integration of react tinymce. We will download the absolutely free TinyMCE SDK and keep the tinymce’s tinymce.min.js in our project directory. You can download the SDK from https://www.tiny.cloud/get-tiny/ We also need to install the tinymce-react package…. Read more »
CUSTOMIZE FILE UPLOAD BUTTON USING MUI COMPONENT We have to use three MUI component here to customize the file upload button TextField of type =’file’ InputLabel which will be attached to upload button Textfield using its “id” in htmlFor props. Then we have to put the Button component inside the… Read more »
HOW CUSTOMIZATION IS DONE IN REACT DATE RANGE PICKER In this blog, React Date Range Picker has been customized so that we can cover as many use cases as possible. CSS has been customized to change the design of the calendar. You can read the comments given in the source… Read more »
Key Points To Make React Progress Bar I am using two Material UI components called LinearProgress & CircularProgress to create the Linear Progress Bar & Circular Progress bar . For formatting the seconds to show the remaining time on the timer, I am using Moment JS. To run the timer… Read more »
Inputs of type=”number” have below usability issues: In chrome it allows certain non-numeric characters like (‘e’, ‘+’, ‘-‘, ‘.’) and in Firefox it allows all non-numeric characters. It has up and down arrows which is used to increment or decrement the number but sometimes it is observed that user accidentally… Read more »
1. HOW TO ADD MAX AND MIN LIMIT TO THE MATERIAL UI (MUI) TEXTFIELD COMPONENT We can use the inputProps for setting the min and max value on the TextField. Below is the example with the TextField of type=date. We are setting the max value to the current date so that… Read more »
Breif About Material UI AutoComplete feature and types Material UI AutoComplete is the advanced version of Select dropdown field. It can be used in two ways Free Solo and Combo Box. Free Solo – This type allows the user to select any arbitrary value by typing in the autocomplete text… Read more »
Why Blogging Be it personal or business, blogging is one form of interacting with the ever-changing world of thoughts and ideas. Curious minds out there are always on a lookout for any details or information about current affairs, a new book, a new movie or a new product or service… Read more »