IPanelResizeOptions interface

Opções para controlar a largura horizontal e o comportamento de redimensionamento do painel.

Nota: O redimensionamento é automaticamente desativado em telas pequenas (ponto de interrupção xsmall) onde o painel é renderizado em modo tela cheia. A alça de redimensionamento não é mostrada e qualquer largura de conjunto de usuário é ignorada nesse layout.

Propriedades

maxWidth

A largura máxima em pixels para a qual o painel pode ser redimensionado. Só se aplica quando userResizable for verdadeiro.

minWidth

A largura mínima em pixels para a qual o painel pode ser redimensionado. Só se aplica quando userResizable for verdadeiro.

onWidthChanged

O callback é disparado quando a largura do painel muda devido à interação do usuário.

userResizable

Se o usuário pode redimensionar interativamente a largura do painel arrastando a alavanca de redimensionamento ou usando as teclas de seta do teclado. Quando falso, a largura do painel é travada ao tamanho determinado pelo prop de tamanho.

A alça de redimensionamento não é renderizada em telas pequenas onde o painel é exibido em tela cheia.

Detalhes da propriedade

maxWidth

A largura máxima em pixels para a qual o painel pode ser redimensionado. Só se aplica quando userResizable for verdadeiro.

maxWidth?: number

Valor da propriedade

number

minWidth

A largura mínima em pixels para a qual o painel pode ser redimensionado. Só se aplica quando userResizable for verdadeiro.

minWidth?: number

Valor da propriedade

number

onWidthChanged

O callback é disparado quando a largura do painel muda devido à interação do usuário.

onWidthChanged?: (width: number) => void

Valor da propriedade

(width: number) => void

userResizable

Se o usuário pode redimensionar interativamente a largura do painel arrastando a alavanca de redimensionamento ou usando as teclas de seta do teclado. Quando falso, a largura do painel é travada ao tamanho determinado pelo prop de tamanho.

A alça de redimensionamento não é renderizada em telas pequenas onde o painel é exibido em tela cheia.

userResizable?: boolean

Valor da propriedade

boolean