Показвайте или скривайте съдържание при поискване. Вържете го към произволен бутон и дръжте съдържанието в страницата, докато е скрито, ако ви трябва.
Защо помага
- Работи с всеки бутон
- Съдържанието остава заредено
- Просто
Къде пасва
- Разширени опции
- Подробности
- Филтри
Пример
<Button Variant="Variant.Outlined" OnClick="@(() => _open = !_open)" aria-expanded="@(_open ? "true" : "false")" aria-controls="@(_open ? "collapse-demo" : null)">
@(_open ? "Hide details" : "Show details")
</Button>
<Collapse Expanded="_open" id="collapse-demo">
<Card>Details that appear and disappear. The content is not rendered while collapsed.</Card>
</Collapse>
@code {
private bool _open;
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.