Progress Telerik UI for Blazor
The Blazor MultiSelect Component displays to users a list of predefined options and allows typing or multiple selection of values from that list. The MultiSelect is a powerful full-featured UI control that can be bound to data and adapted to fulfill any project requirement by configuring its dimensions, templates and handling the available events. The Telerik MultiSelect works in both Blazor WebAssembly (WASM) and Server-side Blazor apps and provides convenience to users by providing suggestions as they type, has built-in keyboard navigation and can be translated to any language using its localization feature.
For faster and simplified search of values within the MultiSelect component, you can set the Filterable parameter of the component. This way the control will filter the available suggestions according to the current user input.
The MultiSelect offers additional parameters to fine-tune filtering and searching:
The MultiSelect component and its items rendering can be easily customized using one of the templating options it offers:
Built-in support for EditForm and DataAnnotation validation is available out-of-the box in all Telerik Blazor components, including MultiSelect.
You have several events available for capturing and handling changes to the values in the MultiSelect component:
Like all other Telerik UI for Blazor components, the MultiSelect supports out of the box Keyboard Navigation that will allow easy navigation and interaction with the list values of the component using keyboard. Semantic HTML and support for the accessibility standards (WCAG, Section 508 and WAI-ARIA attributes for screen readers) let users with disabilities use the Telerik MultiSelect with ease.
The MultiSelect control has built-in localization support, which makes it easy to translate texts to any language that your Blazor app may require.Demo of MultiSelect component in various languages.
The Blazor MultiSelect component allows you to simply popup configuration from a single tag. The popup settings allow you to configure minimum and maximum dimensions along with the already existing width, height and class parameters.
The Telerik Blazor MultiSelect has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.