Layout

Resizable

Painéis redimensionáveis com handles de arraste.

Uso

Use o elemento <y-resizable> no seu HTML:

html

<y-resizable direction="horizontal">  <y-resizable-panel>Painel esquerdo</y-resizable-panel>  <y-resizable-handle></y-resizable-handle>  <y-resizable-panel>Painel direito</y-resizable-panel></y-resizable>

Exemplos

Padrão

Propriedades

Propriedade	Tipo	Padrão	Descrição
`direction`	`"horizontal" \| "vertical"`	`"horizontal"`	Direção dos painéis

Importação

Importe todos os componentes ou apenas este:

typescript

// Importar tudoimport '@yampi/ui';// Importar apenas este componenteimport '@yampi/ui/dist/components/resizable.js';

Acessibilidade

Suporta navegação por teclado
Utiliza atributos ARIA apropriados
focus-visible para indicação de foco