Layout

Settling photo masonry

Uma grade de alvenaria de blocos fotográficos de altura variável que voam de fora da tela e se acomodam em suas colunas compactadas, desfocando-se ao pousar.

Como usar Settling photo masonry

Uma grade de alvenaria de blocos fotográficos de altura variável que voam de fora da tela e se acomodam em suas colunas compactadas, desfocando-se ao pousar.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: columns, animateFrom, stagger, scaleOnHover

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

1532Masonry flowLayoutUma parede de alvenaria que agrupa ladrilhos de alturas variadas em colunas, levanta cada um deles à medida que aparece e recoloca toda a grade quando a contagem de colunas muda.

2342Drag split panelsLayoutPainéis divididos por finas alças arrastáveis que redimensionam os painéis adjacentes em tempo real, dispostos em linha ou empilhados.

2351Expanding panel galleryLayoutUma fileira de painéis de cobertura onde passar o mouse, clicar ou pressionar as setas em um deles o expande até a largura total, enquanto o restante é compactado em lascas.

2357Focus scroll listLayoutUma fila rolável cujas linhas aparecem em tamanho real e opacidade à medida que chegam ao centro da visualização, com foco e seleção pelo teclado.

2381Locked ratio frameLayoutUm contêiner que mantém seu conteúdo bloqueado em uma proporção width-to-height escolhida, não importa quão grande ele seja.

2401Pinned Card Stack ScrollLayoutUma sequência vertical de cartas que são fixadas no lugar e encolhem ligeiramente à medida que a próxima carta rola para cima e é empilhada em cima dela.