RayCraftDocs
v1.0.3
pt-BR
raycraft.dev
Nesta página

Splitter

Free

Dois painéis redimensionáveis. Arraste a barra com o mouse ou o toque, ou dê foco a ela e use as setas (Shift para passos maiores, Home e End para os limites). Com PersistKey a posição é lembrada no armazenamento local.

Exemplo

Controle Splitter

Parâmetros

ParâmetroTipoDescrição
ActivePaneSplitterPaneO painel mostrado no modo estreito de painel único (First por padrão). Bidirecional.
ClassstringClasses CSS extras adicionadas ao elemento raiz.
CollapsedSplitterPaneO painel recolhido (None, First ou Second). Bidirecional.
CollapsiblePaneSplitterPaneO painel que Enter ou um clique duplo na barra recolhe (nenhum por padrão).
FirstRenderFragmentConteúdo do primeiro painel.
MinSizeDoubleMenor tamanho de qualquer um dos painéis em porcentagem.
PersistKeystringLembra a divisão (e o painel recolhido) no armazenamento local com este nome e a restaura da próxima vez.
SecondRenderFragmentConteúdo do segundo painel.
SingleBelowBreakpoint?Abaixo deste ponto de interrupção, somente o painel ativo é mostrado e a barra fica oculta.
SizeDoubleTamanho do primeiro painel em porcentagem. Use com @bind-Size.
StylestringEstilo embutido adicionado ao elemento raiz.
VerticalboolEmpilha os painéis de cima para baixo.

Eventos

EventoTipoDescrição
ActivePaneChangedEventCallback<SplitterPane>
CollapsedChangedEventCallback<SplitterPane>
SizeChangedEventCallback<Double>Gerado quando a barra é movida.

Pacote

Splitter faz parte do RayCraft Free. Pacote: RayCraft.Blazor. Vem do nuget.org. Veja Primeiros passos.