Към съдържанието
РАЗПОЛОЖЕНИЕ · FREE

Panel

Секция със заглавие, която може да се свива и да носи свои действия.

Секция със заглавие, която може да се свива и да носи свои действия в заглавната част.

Защо помага

  • Бутон за свиване
  • Действия в заглавието
  • Със заглавие

Къде пасва

  • Секции с настройки
  • Филтри
  • Табла
Контролата Panel в страница на RayCraft

Пример

<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;
}

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.

Всички контроли ยท Документация