Към съдържанието
НАВИГАЦИЯ · FREE

Tabs

Организирайте съдържанието в панели, между които потребителите превключват.

Организирайте съдържанието в панели, между които потребителите превключват с мишка, докосване или стрелките, Home и End.

Защо помага

  • Вграден шаблон за клавиатура
  • Опция за затваряеми табове
  • Достъпни

Къде пасва

  • Страници с подробности
  • Настройки
  • Табла
Контролата Tabs в страница на RayCraft

Пример

<Tabs @bind-ActiveIndex="_tab">
    <TabPanel Title="Overview">Overview content</TabPanel>
    <TabPanel Title="Details">Details content</TabPanel>
    <TabPanel Title="Disabled" Disabled>Never shown</TabPanel>
    <TabPanel Title="History">History content</TabPanel>
</Tabs>
<p>Active tab index: @_tab (use ← → Home End on the keyboard)</p>

@code {
    private int _tab;
}

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

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

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