Tarun Singh has Published 104 Articles

How to create controlled switches with form groups in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:48:12

404 Views

Switches in React MUI are a type of input element that allows the user to choose any one state, commonly an on or off state. These are commonly used to adjust settings on mobile devices. It is simply a check type button that helps toggle one of the two pre-defined ... Read More

How to create a slider with input in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:44:02

866 Views

React developers can easily add or use sliders in React thanks to the Slider component provided by Material UI. In the Material UI, apart from using normal sliders, we may also define an input to provide a custom value that can be entered by users manually. In this article, we ... Read More

How to create a Native Select in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:42:24

718 Views

Material UI is a framework, for React that offers a Select component. This component allows users to pick options from a menu. Today we will explore how to create a Native Select in Material UI. One of the components in Material UI is the "Native Select." It plays a role, ... Read More

How to control Badge visibility in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:40:17

114 Views

Badges play an important role in designing a web UI, whether you are building a social media site, a messaging app, or anything else that requires the use of badges. Material UI provides an easy way to accomplish this task with just one component called the Badge API. So, in ... Read More

How to change Toggle Button orientation with color and sizes in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:38:37

1K+ Views

To provide a great user experience, the colors and sizes of different components added to a website play an important role. The React MUI allows you to change the orientation, color, and size of the toggle buttons easily by using some props given in the documentation. In this article, we ... Read More

How to change the size and color of Floating action buttons in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:34:30

495 Views

Floating Action Buttons or FABs in every application works as a prominent call-to-action button that performs a specific action, such as creating a new item or triggering an essential function. Material UI, a popular UI framework for React, offers a flexible and customizable way to implement FABs with ease. In ... Read More

How to change size, color, and direction of Radio buttons in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:30:50

2K+ Views

Implementing radio buttons, in Material UI, a used UI framework for React is straightforward. You can effortlessly customize the size, color, and orientation of the radio buttons to match the design of your application. In this article, we will explore how to modify the size, color, and orientation of radio ... Read More

How to change button group appearance in Material UI?

Tarun Singh

Tarun Singh

Updated on 30-Oct-2023 12:21:21

568 Views

In this article, we will explore how to customize the appearance of a button group, in Material UI so that it suits the needs of your application. Material UI, also known as MUI is a frontend library developed by Google. It provides a collection of to use React components that ... Read More

How to align and overlap Badge in Material UI?

Tarun Singh

Tarun Singh

Updated on 30-Oct-2023 12:10:24

491 Views

Badges play an important role in designing a web UI, whether you are building a social media site, a messaging app, or anything else that requires the use of badges. Material UI provides an easy way to accomplish this task with just one component called the Badge API. So, in ... Read More

How to add styled components in Material UI using React?

Tarun Singh

Tarun Singh

Updated on 30-Oct-2023 12:08:57

285 Views

Styled Components, a highly acclaimed library within the React ecosystem, empowers developers to utilize CSS-in-JS, presenting advantages such as encapsulation, reusability, and simplified style maintenance. On the other hand, Material-UI stands as a widely embraced UI component library for React that diligently adheres to the principles of Material Design. It ... Read More

Advertisements