Interfaz de usuario adaptable
Los diseños de Material Design fomentan la coherencia entre plataformas, entornos y tamaños de pantalla mediante el uso de elementos uniformes y espaciado.
Responsive layouts en Material Design se adapta a cualquier tamaño de pantalla posible. Proporcionamos las siguientes ayudas para que la interfaz de usuario responda:
- Grid : El Grid(cuadricula) de diseño receptiva de Material Design se adapta al tamaño y la orientación de la pantalla, lo que garantiza la coherencia entre los diseños.
- Container: El Container(contenedor) centra su contenido horizontalmente. Es el elemento más básico del layout.
- Breakpoints : API que permite el uso de puntos de interrupción en una amplia variedad de contextos.
- useMediaQuery : Este es un enlace de consulta de medios CSS para React. It listens for matches to a CSS media query.
- Hidden: Cambia rápida y receptivamente el valor de visibilidad de los componentes y más con nuestras utilidades hidden(oculto).