Layout

Drag split panels

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

SidebarNavigation and filters

PreviewLive canvas

InspectorSelected element properties

Como usar Drag split panels

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

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: orientation, showHandleGrip, defaultSplit, accentColor

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

1542Split panesLayoutDois painéis divididos por uma alça que os redimensiona arrastando ou com a tecla de seta, mantém um tamanho mínimo em ambos os lados e volta ao clique duplo.

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.

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.

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.