Na Block Library, você pode encontrar cinco novos blocos em cinco categorias diferentes: "Gallery", "Tile&Link", "Team", "Menu", "Footer":

GL25. Combinação de imagens com justificação vertical
TE610. Cartões com uma imagem de fundo e texto em colunas
TM302. Pessoas: imagem e informações à direita
ME601B. Menu: segundo nível
FT306. Painel com logotipo, itens de menu principal e secundário

Vamos ver o que esses blocos têm a oferecer e como eles são.

Esse bloco permite organizar fotos de tamanhos diferentes de modo que as bordas da galeria não sejam alteradas. Todas as imagens em uma linha terão a mesma altura e as mesmas margens horizontais.

No painel Settings (Configurações) do bloco, há três opções de estilo para escolher: uma combinação de tela cheia, um pequeno bloco horizontal ou uma galeria enorme que ocupa várias telas. Para aproximar as imagens ou, ao contrário, criar algum espaço entre elas, você pode definir espaçamentos de 0px, 10px, 20px ou 40px entre as colunas.

Você também pode adicionar uma legenda de texto que aparece ao passar o mouse sobre a imagem, definir cor e opacidade personalizadas para o painel com texto, definir o zoom da imagem ao clicar e muitas outras opções.

Um bloco com blocos de imagens e texto oculto que aparece ao passar o mouse. Você pode desativar a aparência do texto, se necessário. Você pode adicionar um divisor entre o título e a descrição e colocar um botão abaixo.

Os cartões são facilmente personalizáveis. Defina a proporção, o raio do canto, o filtro e a sombra, a cor do plano de fundo. Pode haver de 1 a 4 cartões em uma linha.

Você pode centralizar ou alinhar à direita a seção de título, ajustar a tipografia de qualquer elemento e adicionar animação.

O bloco sugere um formato mais dinâmico de apresentação da equipe. Pode haver de 1 a 4 cartões em uma linha. Para cada membro da equipe, adicione uma foto, nome, descrição e links de mídia social.

No painel Settings (Configurações) do bloco, você pode configurar a proporção da imagem e o espaçamento vertical. Além disso, o título, a descrição, os cartões com membros da equipe e os botões podem ser animados.

O bloco ajuda a criar uma navegação multinível no site usando itens de menu de segundo nível que se expandem com um clique do mouse ou ao passar o mouse.

É possível definir várias larguras de menu e submenu, ajustar o número de colunas e a cor do plano de fundo. Essas configurações podem ser definidas separadamente para a versão móvel. Você também pode alterar a largura, a cor e o raio do canto da borda, adicionar uma sombra, definir a margem superior e decidir se deseja exibir ou ocultar um ícone de menu de segundo nível.

Os novos itens são adicionados como cartões que podem ser facilmente copiados ou substituídos ao criar a navegação. No painel Settings (Configurações) do bloco, você pode modificar as margens entre os itens, escolher o estilo do item de menu ativo e variar o estilo do item ao passar o mouse.

O rodapé com itens de menu principal e de segundo nível ajuda a criar uma hierarquia na navegação. Os itens principais ficarão mais visíveis, enquanto os itens de segundo nível serão menores e mais transparentes.

Você pode ajustar a largura do rodapé, alterar o espaçamento entre os itens para organizar bem qualquer número de links. Além disso, você pode adicionar um logotipo, título e personalizar a tipografia.