Ir para o conteúdo
LAYOUT · FREE

Panel

Uma seção com título que pode recolher e carregar as próprias ações.

Uma seção com título que pode recolher e carregar as próprias ações no cabeçalho.

Por que ajuda

  • Botão de recolher
  • Ações no cabeçalho
  • Com título

Onde se encaixa

  • Seções de configurações
  • Filtros
  • Painéis
O controle Panel em uma página do RayCraft

Exemplo

<Panel Title="Always open">Plain panel content.</Panel>
<Panel Title="Collapsible" Collapsible="true" @bind-Expanded="_open">
    <Actions><Button Variant="Variant.Text" Size="Size.Small" StartIcon="IconName.Refresh">Refresh</Button></Actions>
    <ChildContent>Content that can be collapsed.</ChildContent>
</Panel>
<span>Expanded: @_open</span>

@code {
    private bool _open = true;
}

Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.

Incluído no RayCraft Free. Há exemplos funcionais no repositório do GitHub (MIT); ele contém código de exemplo e demonstração, não o código da biblioteca.

Todos os controles ยท Documentação