Pular para o conteúdo

🎉 v5 is out! Head to the documentation to get started.

UI Responsiva

Os leiautes de Material Design incentivam a consistência entre plataformas, ambientes e tamanhos de tela usando elementos uniformes e espaçamento.

Leiautes responsivos em Material Design adaptam-se a qualquer tamanho de tela possível. Fornecemos os seguintes modos para tornar a interface do usuário responsiva:

  • Grade: O leiaute responsivo da grade do Material Design se adapta ao tamanho e orientação da tela, garantindo a consistência entre leiautes.
  • Container: O contêiner centraliza seu conteúdo horizontalmente. É o elemento de leiaute mais básico.
  • Pontos de quebra: API que permite o uso de pontos de quebra em uma ampla variedade de contextos.
  • useMediaQuery: Este é um hook CSS de consulta de mídia para React. Ele ouve correspondências para uma consulta de mídia no CSS.
  • Hidden: Modifique rapidamente e de forma responsiva a visibilidade dos componentes e muito mais com nosso utilitário hidden.