Към съдържанието
СЪДЪРЖАНИЕ · FREE

Descriptions

Покажете подробностите на запис в подредена мрежа, която пасва и на малки екрани.

Покажете подробностите на запис в подредена мрежа от ключове и стойности, която се свива до една колона на тесни екрани.

Защо помага

  • Мрежа ключ и стойност
  • Адаптивна
  • Чиста

Къде пасва

  • Подробности за запис
  • Профили
  • Обобщения на поръчки
Контролата Descriptions в страница на RayCraft

Пример

<Descriptions Columns="2" Bordered="true">
    <DescriptionItem Label="Customer">Example Ltd.</DescriptionItem>
    <DescriptionItem Label="Plan">Enterprise</DescriptionItem>
    <DescriptionItem Label="Created">1 March 2026</DescriptionItem>
    <DescriptionItem Label="Status"><Badge Severity="Severity.Success">Active</Badge></DescriptionItem>
    <DescriptionItem Label="Address" Wide="true">1 Main Street, Sofia, Bulgaria</DescriptionItem>
</Descriptions>
<Descriptions Columns="3" Vertical="true">
    <DescriptionItem Label="Owner">Ada</DescriptionItem>
    <DescriptionItem Label="Region">EMEA</DescriptionItem>
    <DescriptionItem Label="Seats">120</DescriptionItem>
</Descriptions>

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

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

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