14

Styling the Frontend with MUI

This chapter explains how to use Material UI (MUI) components in our frontend. We will use the Button component to show styled buttons. We will also use MUI icons and the IconButton component. The input fields in our modal forms will be replaced by TextField components.

In this chapter, we will cover the following topics:

  • Using the MUI Button component
  • Using the MUI Icon and IconButton components
  • Using the MUI TextField component

At the end of the chapter, we will have a professional and polished user interface with minimal code changes in our React frontend.

Technical requirements

The Spring Boot application that we created in Chapter 5, Securing Your Backend, is required, together with the modification from ...

Get Full Stack Development with Spring Boot 3 and React - Fourth Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial