Hi Alex,
Greetings from Syncfusion support.
We have SfChip component in the Blazor platform. The Syncfusion Blazor Chip component is a small block of information , visually compact element that represents a complex entity in a small space. It can be used to represent a text, actions, choices, and contact tags in phone, email inbox, and can be easily removed or added to a list.
The Chip component provides a variety of features, including the ability to customize the appearance, add icons, and handle events such as selection and removal. It also supports RTL rendering and keyboard navigation.
Check out the below links to know more about the Syncfusion Blazor Chip component.
Feature tour : https://www.syncfusion.com/blazor-components/blazor-chips
Documentation : https://blazor.syncfusion.com/documentation/chip/getting-started
Demo: https://blazor.syncfusion.com/demos/chips/default-functionalities?theme=fluent
API Reference : https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Buttons.SfChip.html?_ga=2.238862336.1066908946.1672724150-597967594.1667447924
I hope this information is helpful and resolves any concerns you may have. Please let us know, if you have any further questions or need additional assistance.
Regards,
Leo Lavanya Dhanaraj
Thanks for this, we want to use chips in a dropdown select list - is this possible?
Hi Alex,
The Blazor MultiSelect Dropdown can be used for selecting multiple values. The MultiSelect Dropdown is a textbox component that allows the user to type or select multiple values from a list of predefined options. It has several out-of-the-box features such as data binding, filtering, grouping, tagging with custom values, and checkbox mode. You can also customize the selected chip (value) element’s appearance on value selection. For your reference, we included the MultiSelect Dropdown sample with the latest version.
Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/MultiSelectDropdown-845878586.zip
Check out the below links to know more about the Syncfusion Blazor MultiSelect Dropdown component.
Documentation : https://blazor.syncfusion.com/documentation/multiselect-dropdown/getting-started
API reference: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DropDowns.SfMultiSelect-2.html#properties
Demo : https://blazor.syncfusion.com/demos/multiselect-dropdown/default-functionalities?theme=fluent
Output screenshot:
Regards,
Leo Lavanya Dhanaraj