Material-UI uses drawers to present the user with the main navigation of the app. The Drawer component acts like a physical drawer that can move out of view when it is not being used.
React Material-UI Cookbook
By :
React Material-UI Cookbook
By:
Overview of this book
Material-UI is a component library for rendering UI elements, using modern best practices from React and Material Design. This book will show you how you can create impressive and captivating modern-day web apps by implementing Material Design considerations. The book is designed to help you use a variety of Material-UI components to enhance UI functionality, along with guiding you through React best practices, and using state, context, and other new React 16.8 features.
You will start with layout and navigation, exploring the Grid component and understanding how it’s used to build layouts for your Material-UI apps. Using Material-UI components, you’ll then explore the technique of effectively presenting information. In later sections, you will also learn about the different components for user interactions such as the text input component and buttons. Finally, the book will get you up to speed with customizing the look and feel of your app, right from creating a Material-UI theme through to styling icons and text.
By the end of this book, you will have developed the skills you need to improve the look and feel of your applications using Material-UI components.
Table of Contents (22 chapters)
Preface
Free Chapter
Grids - Placing Components on the Page
App Bars - The Top Level of Every Page
Drawers - A Place for Navigation Controls
Tabs - Grouping Content into Tab Sections
Expansion Panels - Group Content into Panel Sections
Lists - Display Simple Collection Data
Tables - Display Complex Collection Data
Cards - Display Detailed Information
Snackbars - Temporary Messages
Buttons - Initiating Actions
Text - Collecting Text Input
Autocomplete and Chips - Text Input Suggestions for Multiple Items
Selection - Make Selections from Choices
Pickers - Selecting Dates and Times
Dialogs - Modal Screens for User Interactions
Menus - Display Actions That Pop Out
Typography - Control Font Look and Feel
Icons - Enhance Icons to Match Your Look and Feel
Themes - Centralize the Look and Feel of Your App
Styles - Applying Styles to Components
Other Books You May Enjoy
Customer Reviews