Към съдържанието
ИЗБОР · FREE

Chip

Компактни етикети за тагове и филтри, които могат да се премахват при нужда.

Компактни етикети за тагове, филтри и статуси, които могат да се премахват при нужда.

Защо помага

  • Малък и ясен
  • По избор премахваем
  • Пасва на пастелната палитра

Къде пасва

  • Тагове
  • Значки на филтри
  • Избрани стойности
Контролата Chip в страница на RayCraft

Пример

<Stack Wrap Align="center">
    @foreach (var tag in _tags)
    {
        <Chip OnDelete="@(() => _tags.Remove(tag))">@tag</Chip>
    }
    <Chip Severity="Severity.Success">Success</Chip>
    <Chip Severity="Severity.Error" Variant="Variant.Outlined">Outlined</Chip>
</Stack>

@code {
    private readonly List<string> _tags = ["Blazor", "SASS", ".NET 10"];
}

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

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

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