DropDown data binding to custom objects
Bind the Blazor DropDown to custom objects or enums, using TextProperty and ValueProperty to control the display text and the bound value.
- Id: 0, Name: Name0
- Id: 1, Name: Name1
- Id: 2, Name: Name2
- Id: 3, Name: Name3
- Id: 4, Name: Name4
- Id: 5, Name: Name5
- Id: 6, Name: Name6
- Id: 7, Name: Name7
- Id: 8, Name: Name8
- Id: 9, Name: Name9
- Id: 10, Name: Name10
- Id: 11, Name: Name11
- Id: 12, Name: Name12
- Id: 13, Name: Name13
- Id: 14, Name: Name14
- Id: 15, Name: Name15
- Id: 16, Name: Name16
- Id: 17, Name: Name17
- Id: 18, Name: Name18
- Id: 19, Name: Name19
- Id: 20, Name: Name20
- Id: 21, Name: Name21
- Id: 22, Name: Name22
- Id: 23, Name: Name23
- Id: 24, Name: Name24
- Id: 25, Name: Name25
- Id: 26, Name: Name26
- Id: 27, Name: Name27
- Id: 28, Name: Name28
- Id: 29, Name: Name29
- Id: 30, Name: Name30
- Id: 31, Name: Name31
- Id: 32, Name: Name32
- Id: 33, Name: Name33
- Id: 34, Name: Name34
- Id: 35, Name: Name35
- Id: 36, Name: Name36
- Id: 37, Name: Name37
- Id: 38, Name: Name38
- Id: 39, Name: Name39
- Id: 40, Name: Name40
- Id: 41, Name: Name41
- Id: 42, Name: Name42
- Id: 43, Name: Name43
- Id: 44, Name: Name44
- Id: 45, Name: Name45
- Id: 46, Name: Name46
- Id: 47, Name: Name47
- Id: 48, Name: Name48
- Id: 49, Name: Name49
- Id: 50, Name: Name50
- Id: 51, Name: Name51
- Id: 52, Name: Name52
- Id: 53, Name: Name53
- Id: 54, Name: Name54
- Id: 55, Name: Name55
- Id: 56, Name: Name56
- Id: 57, Name: Name57
- Id: 58, Name: Name58
- Id: 59, Name: Name59
- Id: 60, Name: Name60
- Id: 61, Name: Name61
- Id: 62, Name: Name62
- Id: 63, Name: Name63
- Id: 64, Name: Name64
- Id: 65, Name: Name65
- Id: 66, Name: Name66
- Id: 67, Name: Name67
- Id: 68, Name: Name68
- Id: 69, Name: Name69
- Id: 70, Name: Name70
- Id: 71, Name: Name71
- Id: 72, Name: Name72
- Id: 73, Name: Name73
- Id: 74, Name: Name74
- Id: 75, Name: Name75
- Id: 76, Name: Name76
- Id: 77, Name: Name77
- Id: 78, Name: Name78
- Id: 79, Name: Name79
- Id: 80, Name: Name80
- Id: 81, Name: Name81
- Id: 82, Name: Name82
- Id: 83, Name: Name83
- Id: 84, Name: Name84
- Id: 85, Name: Name85
- Id: 86, Name: Name86
- Id: 87, Name: Name87
- Id: 88, Name: Name88
- Id: 89, Name: Name89
- Id: 90, Name: Name90
- Id: 91, Name: Name91
- Id: 92, Name: Name92
- Id: 93, Name: Name93
- Id: 94, Name: Name94
- Id: 95, Name: Name95
- Id: 96, Name: Name96
- Id: 97, Name: Name97
- Id: 98, Name: Name98
- Id: 99, Name: Name99
DropDown data binding to enum link
Bind a DropDown directly to an enum type for easy selection of enumeration values.
- Red
- Green
- Blue
- Almond Green
- Amber Gray
- Apple Blue...
- Azure
Frequently asked questions
How do I bind a Blazor DropDown to a list of objects?
Set Data to your object collection and set TextProperty to the property shown in the list and ValueProperty to the property bound to Value.
How do I bind a Blazor DropDown to an enum?
Bind Data to the enum values (for example Enum.GetValues) and bind Value to the enum field; the DropDown displays each name and stores the selected enum value.
Radzen Blazor Newsletter
Get an email when new components and releases ship.
Save Hours on Every Project
With Radzen Blazor subscription you get the full toolkit, including:
Dedicated support backed by proven expertise
Premium themes and theme editor
Ready-to-use UI blocks
Complete app templates
Visual design-time-experience
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT
On this page
- DataGridkeyboard_arrow_down
- Data-bindingkeyboard_arrow_down
- Virtualizationkeyboard_arrow_down
- Columnskeyboard_arrow_down
- Filteringkeyboard_arrow_down
- Hierarchykeyboard_arrow_down
- Selectionkeyboard_arrow_down
- Sortingkeyboard_arrow_down
- Pagingkeyboard_arrow_down
- Groupingkeyboard_arrow_down
- Custom Headerkeyboard_arrow_down
- Save/Load settingskeyboard_arrow_down
- Drag & Dropkeyboard_arrow_down
- Data Visualization Updated keyboard_arrow_down
- Configurationkeyboard_arrow_down
- Area Chartkeyboard_arrow_down
- Bar Chartkeyboard_arrow_down
- Column Chartkeyboard_arrow_down
- Line Chartkeyboard_arrow_down
- Waterfall Chartkeyboard_arrow_down
- Part-to-Whole Chartskeyboard_arrow_down
- Scatter & Bubblekeyboard_arrow_down
- Financial Chartskeyboard_arrow_down
- Statistical & Interactivekeyboard_arrow_down
- Gaugeskeyboard_arrow_down
- Zoom & Navigationkeyboard_arrow_down
- Formskeyboard_arrow_down
- DropDownkeyboard_arrow_down
- HtmlEditorkeyboard_arrow_down
- Spreadsheet New keyboard_arrow_down
- PivotDataGridkeyboard_arrow_down
- Document Processing New keyboard_arrow_down
- Datakeyboard_arrow_down
- DataListkeyboard_arrow_down
- DataFilterkeyboard_arrow_down
- Ganttkeyboard_arrow_down
- Treekeyboard_arrow_down
- Navigationkeyboard_arrow_down
- Layoutkeyboard_arrow_down
- UI Fundamentalskeyboard_arrow_down
- App Templateskeyboard_arrow_down
- UI Blocks Prokeyboard_arrow_down
- Imageskeyboard_arrow_down
- Feedbackkeyboard_arrow_down
- Alertkeyboard_arrow_down
- Validatorskeyboard_arrow_down
Demos Configuration
Premium Themes
- Material 3
- Material 3 Dark
- Material 3 Expressive
- Material 3 Expressive Dark
- Fluent
- Fluent Dark
Free Themes
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark