Свободен списък от тагове без форма наоколо. Потребителите натискат Enter или запетая, за да добавят таг, и Backspace, за да премахнат последния.
Защо помага
- Бързи свободни тагове
- Удобен за клавиатура
- Премахваеми чипове
Къде пасва
- Етикети и ключови думи
- Списъци с имейли
- Умения
Пример
<TagInput @bind-Values="_tags" Label="Keywords" Placeholder="Type a keyword and press Enter or comma" HelperText="Backspace removes the last tag." MaxTags="6" />
<span>@_tags.Count tags: @string.Join(" | ", _tags)</span>
@code {
private IReadOnlyCollection<string> _tags = new List<string> { "blazor", "sass" };
}Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.
Включено в RayCraft Free. Работещи примери има в хранилище в GitHub (MIT); то съдържа примерен и демонстрационен код, не кода на библиотеката.