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

DockLayout

Complete

Um espaço de trabalho de painéis. Os painéis se acoplam à esquerda, à direita, em cima, embaixo ou no centro, compartilham uma área como guias, recolhem-se em uma barra ou flutuam sobre o layout.

Exemplo

Controle DockLayout

Parâmetros

DockLayout

ParâmetroTipoDescrição
CenterContentRenderFragmentConteúdo da área central enquanto nenhum painel estiver acoplado ali.
ChildContentRenderFragmentConteúdo renderizado dentro do componente.
ClassstringClasses CSS extras adicionadas ao elemento raiz.
HeightstringAltura CSS de todo o layout.
LabelstringNome acessível do layout.
PersistKeystringLembra a disposição no armazenamento local com este nome.
StylestringEstilo embutido adicionado ao elemento raiz.

DockPanel

ParâmetroTipoDescrição
ChildContentRenderFragmentConteúdo do painel.
ClosableboolMostra o botão de fechar.
FloatableboolPermite que o painel flutue.
FloatHeightintAltura inicial de um painel flutuante em pixels.
FloatingboolComeça como um painel flutuante.
FloatLeftintPosição inicial à esquerda de um painel flutuante em pixels.
FloatTopintPosição inicial no topo de um painel flutuante em pixels.
FloatWidthintLargura inicial de um painel flutuante em pixels.
IconIconName?Ícone na guia, na barra de título e na barra recolhida.
IdstringNome único do painel dentro do seu layout.
PositionDockPositionOnde o painel começa: Left, Right, Top, Bottom ou Center.
Sizeint?Largura inicial (left, right) ou altura (top, bottom) da sua área em pixels.
TitlestringTexto da guia ou da barra de título.
VisibleboolMostra ou oculta o painel.

Eventos

DockLayout

EventoTipoDescrição
LayoutChangedEventCallback<DockLayoutState>Gerado após cada mudança com o layout atual (DockLayoutState).

Pacote

DockLayout faz parte do RayCraft Complete. Pacote: RayCraft.Blazor.Complete. Vem do feed privado do RayCraft e requer uma licença ativa. Veja Primeiros passos.