Material UI Quiz

What is one advantage of Material UI?

• Small UI community

• Limited customizability

• Slow shipping

• Cross-team collaboration

How can you add Material UI to your project?

• npm install material-ui

• npm install react

• npm install @mui/material @emotion/react @emotion/styled

• npm install @mui/core

Which font does Material UI use by default?

• Verdana

• Times New Roman

• Roboto

• Arial

What is the purpose of Buttons in Material UI?

• To confuse users

• To slow down the UI

• To communicate actions

• To hide information

Which variant is NOT available for Buttons in Material UI?

• Text

• Contained

• Filled

• Outlined

What is the best option for adding style overrides to a single instance of a component in Material UI?

• Global CSS override

• One-off customization

• Reusable component

• Global theme overrides

How can you customize a component's styles using custom classes in Material UI?

• Using the sx prop

• Using reusable components

• Using the className prop

• Using global theme overrides

Which state is NOT styled with a higher CSS specificity in Material UI?

• Selected

• Hover

• Focus

• Disabled

What is the purpose of the GlobalStyles component in Material UI?

• To add global baseline styles for HTML elements

• To create reusable components

• To customize a single instance of a component

• To add dynamic styles based on props

How can you add dynamic styles based on a component's props in Material UI?

• Using the GlobalStyles component

• Using reusable components

• Using the sx prop

• Using the styled() utility