Tarun Singh has Published 103 Articles

How to use Chip actions in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 15:13:33

120 Views

In this article, we are going to learn how to use chip actions in Material UI. Chips are small components that stand in for input, an attribute, or an action. With the aid of chips, users can input data, select options, filter content, or start processes. Although it is presented ... Read More

How to customize Chip in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:58:36

530 Views

In this article, we are going to learn how to customize chips in Material UI. Chips are small components that stand in for input, an attribute, or an action. With the aid of chips, users can input data, select options, filter content, or start processes. The chip can also be ... Read More

How to create discrete sliders in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:57:10

60 Views

Developers can easily implement sliders thanks to the Slider component provided by Material UI. In the Material UI, sliders can either be continuous or discrete. While discrete sliders limit the selection to particular, predefined values, continuous sliders let users choose any value within a given range. In this article, we ... Read More

How to create different Avatars in Material UI?

Tarun Singh

Tarun Singh

Updated on 31-Oct-2023 14:51:08

49 Views

To improve the user design in any application of material UI, avatars play an important role. Avatars are mostly found everywhere, like in the social media profile section, posts, etc., but how do you create these avatars in React using MUI? So, In this article, we are going to learn ... Read More

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

Tarun Singh

Tarun Singh

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

55 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

158 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

127 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

13 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

184 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

115 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

Advertisements