Radzen Blazor Components

ListBox

Demonstration and configuration of the Radzen Blazor ListBox component.

Get and Set the value of ListBox link

As all Radzen Blazor input components the ListBox has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input.

  • Alfreds Futterkiste
  • Ana Trujillo Emparedados y helados
  • Antonio Moreno Taquería
  • Around the Horn
  • Berglunds snabbköp
  • Blauer See Delikatessen
  • Blondesddsl père et fils
  • Bólido Comidas preparadas
  • Bon app'
  • Bottom-Dollar Markets
  • B's Beverages
  • Cactus Comidas para llevar
  • Centro comercial Moctezuma
  • Chop-suey Chinese
  • Comércio Mineiro
  • Consolidated Holdings
  • Drachenblut Delikatessen
  • Du monde entier
  • Eastern Connection
  • Ernst Handel
  • Familia Arquibaldo
  • FISSA Fabrica Inter. Salchichas S.A.
  • Folies gourmandes
  • Folk och fä HB
  • Frankenversand
  • France restauration
  • Franchi S.p.A.
  • Furia Bacalhau e Frutos do Mar
  • Galería del gastrónomo
  • Godos Cocina Típica
  • Gourmet Lanchonetes
  • Great Lakes Food Market
  • GROSELLA-Restaurante
  • Hanari Carnes
  • HILARION-Abastos
  • Hungry Coyote Import Store
  • Hungry Owl All-Night Grocers
  • Island Trading
  • Königlich Essen
  • La corne d'abondance
  • La maison d'Asie
  • Laughing Bacchus Wine Cellars
  • Lazy K Kountry Store
  • Lehmanns Marktstand
  • Let's Stop N Shop
  • LILA-Supermercado
  • LINO-Delicateses
  • Lonesome Pine Restaurant
  • Magazzini Alimentari Riuniti
  • Maison Dewey
  • Mère Paillarde
  • Morgenstern Gesundkost
  • North/South
  • Océano Atlántico Ltda.
  • Old World Delicatessen
  • Ottilies Käseladen
  • Paris spécialités
  • Pericles Comidas clásicas
  • Piccolo und mehr
  • Princesa Isabel Vinhos
  • Que Delícia
  • Queen Cozinha
  • QUICK-Stop
  • Rancho grande
  • Rattlesnake Canyon Grocery
  • Reggiani Caseifici
  • Ricardo Adocicados
  • Richter Supermarkt
  • Romero y tomillo
  • Santé Gourmet
  • Save-a-lot Markets
  • Seven Seas Imports
  • Simons bistro
  • Spécialités du monde
  • Split Rail Beer & Ale
  • Suprêmes délices
  • The Big Cheese
  • The Cracker Box
  • Toms Spezialitäten
  • Tortuga Restaurante
  • Tradição Hipermercados
  • Trail's Head Gourmet Provisioners
  • Vaffeljernet
  • Victuailles en stock
  • Vins et alcools Chevalier
  • Die Wandernde Kuh
  • Wartian Herkku
  • Wellington Importadora
  • White Clover Markets
  • Wilman Kala
  • Wolski Zajazd
  • SQLite Company

Get and Set the value of ListBox using Value and Change event link

Value property can be used to set the value of the component and Change event to get the user input.

  • Alfreds Futterkiste
  • Ana Trujillo Emparedados y helados
  • Antonio Moreno Taquería
  • Around the Horn
  • Berglunds snabbköp
  • Blauer See Delikatessen
  • Blondesddsl père et fils
  • Bólido Comidas preparadas
  • Bon app'
  • Bottom-Dollar Markets
  • B's Beverages
  • Cactus Comidas para llevar
  • Centro comercial Moctezuma
  • Chop-suey Chinese
  • Comércio Mineiro
  • Consolidated Holdings
  • Drachenblut Delikatessen
  • Du monde entier
  • Eastern Connection
  • Ernst Handel
  • Familia Arquibaldo
  • FISSA Fabrica Inter. Salchichas S.A.
  • Folies gourmandes
  • Folk och fä HB
  • Frankenversand
  • France restauration
  • Franchi S.p.A.
  • Furia Bacalhau e Frutos do Mar
  • Galería del gastrónomo
  • Godos Cocina Típica
  • Gourmet Lanchonetes
  • Great Lakes Food Market
  • GROSELLA-Restaurante
  • Hanari Carnes
  • HILARION-Abastos
  • Hungry Coyote Import Store
  • Hungry Owl All-Night Grocers
  • Island Trading
  • Königlich Essen
  • La corne d'abondance
  • La maison d'Asie
  • Laughing Bacchus Wine Cellars
  • Lazy K Kountry Store
  • Lehmanns Marktstand
  • Let's Stop N Shop
  • LILA-Supermercado
  • LINO-Delicateses
  • Lonesome Pine Restaurant
  • Magazzini Alimentari Riuniti
  • Maison Dewey
  • Mère Paillarde
  • Morgenstern Gesundkost
  • North/South
  • Océano Atlántico Ltda.
  • Old World Delicatessen
  • Ottilies Käseladen
  • Paris spécialités
  • Pericles Comidas clásicas
  • Piccolo und mehr
  • Princesa Isabel Vinhos
  • Que Delícia
  • Queen Cozinha
  • QUICK-Stop
  • Rancho grande
  • Rattlesnake Canyon Grocery
  • Reggiani Caseifici
  • Ricardo Adocicados
  • Richter Supermarkt
  • Romero y tomillo
  • Santé Gourmet
  • Save-a-lot Markets
  • Seven Seas Imports
  • Simons bistro
  • Spécialités du monde
  • Split Rail Beer & Ale
  • Suprêmes délices
  • The Big Cheese
  • The Cracker Box
  • Toms Spezialitäten
  • Tortuga Restaurante
  • Tradição Hipermercados
  • Trail's Head Gourmet Provisioners
  • Vaffeljernet
  • Victuailles en stock
  • Vins et alcools Chevalier
  • Die Wandernde Kuh
  • Wartian Herkku
  • Wellington Importadora
  • White Clover Markets
  • Wilman Kala
  • Wolski Zajazd
  • SQLite Company

Define Text and Value properties link

  • Alfreds Futterkiste
  • Ana Trujillo Emparedados y helados
  • Antonio Moreno Taquería
  • Around the Horn
  • Berglunds snabbköp
  • Blauer See Delikatessen
  • Blondesddsl père et fils
  • Bólido Comidas preparadas
  • Bon app'
  • Bottom-Dollar Markets
  • B's Beverages
  • Cactus Comidas para llevar
  • Centro comercial Moctezuma
  • Chop-suey Chinese
  • Comércio Mineiro
  • Consolidated Holdings
  • Drachenblut Delikatessen
  • Du monde entier
  • Eastern Connection
  • Ernst Handel
  • Familia Arquibaldo
  • FISSA Fabrica Inter. Salchichas S.A.
  • Folies gourmandes
  • Folk och fä HB
  • Frankenversand
  • France restauration
  • Franchi S.p.A.
  • Furia Bacalhau e Frutos do Mar
  • Galería del gastrónomo
  • Godos Cocina Típica
  • Gourmet Lanchonetes
  • Great Lakes Food Market
  • GROSELLA-Restaurante
  • Hanari Carnes
  • HILARION-Abastos
  • Hungry Coyote Import Store
  • Hungry Owl All-Night Grocers
  • Island Trading
  • Königlich Essen
  • La corne d'abondance
  • La maison d'Asie
  • Laughing Bacchus Wine Cellars
  • Lazy K Kountry Store
  • Lehmanns Marktstand
  • Let's Stop N Shop
  • LILA-Supermercado
  • LINO-Delicateses
  • Lonesome Pine Restaurant
  • Magazzini Alimentari Riuniti
  • Maison Dewey
  • Mère Paillarde
  • Morgenstern Gesundkost
  • North/South
  • Océano Atlántico Ltda.
  • Old World Delicatessen
  • Ottilies Käseladen
  • Paris spécialités
  • Pericles Comidas clásicas
  • Piccolo und mehr
  • Princesa Isabel Vinhos
  • Que Delícia
  • Queen Cozinha
  • QUICK-Stop
  • Rancho grande
  • Rattlesnake Canyon Grocery
  • Reggiani Caseifici
  • Ricardo Adocicados
  • Richter Supermarkt
  • Romero y tomillo
  • Santé Gourmet
  • Save-a-lot Markets
  • Seven Seas Imports
  • Simons bistro
  • Spécialités du monde
  • Split Rail Beer & Ale
  • Suprêmes délices
  • The Big Cheese
  • The Cracker Box
  • Toms Spezialitäten
  • Tortuga Restaurante
  • Tradição Hipermercados
  • Trail's Head Gourmet Provisioners
  • Vaffeljernet
  • Victuailles en stock
  • Vins et alcools Chevalier
  • Die Wandernde Kuh
  • Wartian Herkku
  • Wellington Importadora
  • White Clover Markets
  • Wilman Kala
  • Wolski Zajazd
  • SQLite Company

ListBox with template link

  • Company: Alfreds Futterkiste
  • Company: Ana Trujillo Emparedados y helados
  • Company: Antonio Moreno Taquería
  • Company: Around the Horn
  • Company: Berglunds snabbköp
  • Company: Blauer See Delikatessen
  • Company: Blondesddsl père et fils
  • Company: Bólido Comidas preparadas
  • Company: Bon app'
  • Company: Bottom-Dollar Markets
  • Company: B's Beverages
  • Company: Cactus Comidas para llevar
  • Company: Centro comercial Moctezuma
  • Company: Chop-suey Chinese
  • Company: Comércio Mineiro
  • Company: Consolidated Holdings
  • Company: Drachenblut Delikatessen
  • Company: Du monde entier
  • Company: Eastern Connection
  • Company: Ernst Handel
  • Company: Familia Arquibaldo
  • Company: FISSA Fabrica Inter. Salchichas S.A.
  • Company: Folies gourmandes
  • Company: Folk och fä HB
  • Company: Frankenversand
  • Company: France restauration
  • Company: Franchi S.p.A.
  • Company: Furia Bacalhau e Frutos do Mar
  • Company: Galería del gastrónomo
  • Company: Godos Cocina Típica
  • Company: Gourmet Lanchonetes
  • Company: Great Lakes Food Market
  • Company: GROSELLA-Restaurante
  • Company: Hanari Carnes
  • Company: HILARION-Abastos
  • Company: Hungry Coyote Import Store
  • Company: Hungry Owl All-Night Grocers
  • Company: Island Trading
  • Company: Königlich Essen
  • Company: La corne d'abondance
  • Company: La maison d'Asie
  • Company: Laughing Bacchus Wine Cellars
  • Company: Lazy K Kountry Store
  • Company: Lehmanns Marktstand
  • Company: Let's Stop N Shop
  • Company: LILA-Supermercado
  • Company: LINO-Delicateses
  • Company: Lonesome Pine Restaurant
  • Company: Magazzini Alimentari Riuniti
  • Company: Maison Dewey
  • Company: Mère Paillarde
  • Company: Morgenstern Gesundkost
  • Company: North/South
  • Company: Océano Atlántico Ltda.
  • Company: Old World Delicatessen
  • Company: Ottilies Käseladen
  • Company: Paris spécialités
  • Company: Pericles Comidas clásicas
  • Company: Piccolo und mehr
  • Company: Princesa Isabel Vinhos
  • Company: Que Delícia
  • Company: Queen Cozinha
  • Company: QUICK-Stop
  • Company: Rancho grande
  • Company: Rattlesnake Canyon Grocery
  • Company: Reggiani Caseifici
  • Company: Ricardo Adocicados
  • Company: Richter Supermarkt
  • Company: Romero y tomillo
  • Company: Santé Gourmet
  • Company: Save-a-lot Markets
  • Company: Seven Seas Imports
  • Company: Simons bistro
  • Company: Spécialités du monde
  • Company: Split Rail Beer & Ale
  • Company: Suprêmes délices
  • Company: The Big Cheese
  • Company: The Cracker Box
  • Company: Toms Spezialitäten
  • Company: Tortuga Restaurante
  • Company: Tradição Hipermercados
  • Company: Trail's Head Gourmet Provisioners
  • Company: Vaffeljernet
  • Company: Victuailles en stock
  • Company: Vins et alcools Chevalier
  • Company: Die Wandernde Kuh
  • Company: Wartian Herkku
  • Company: Wellington Importadora
  • Company: White Clover Markets
  • Company: Wilman Kala
  • Company: Wolski Zajazd
  • Company: SQLite Company

ListBox multiple selection link

  • Chai
  • Chang
  • Aniseed Syrup
  • Chef Anton's Cajun Seasoning
  • Chef Anton's Gumbo Mix
  • Grandma's Boysenberry Spread
  • Uncle Bob's Organic Dried Pears
  • Northwoods Cranberry Sauce
  • Mishi Kobe Niku
  • Ikura
  • Queso Cabrales
  • Queso Manchego La Pastora
  • Konbu
  • Tofu
  • Genen Shouyu
  • Pavlova
  • Alice Mutton
  • Carnarvon Tigers
  • Teatime Chocolate Biscuits
  • Sir Rodney's Marmalade
  • Sir Rodney's Scones
  • Gustaf's Knäckebröd
  • Tunnbröd
  • Guaraná Fantástica
  • NuNuCa Nuß-Nougat-Creme
  • Gumbär Gummibärchen
  • Schoggi Schokolade
  • Rössle Sauerkraut
  • Thüringer Rostbratwurst
  • Nord-Ost Matjeshering
  • Gorgonzola Telino
  • Mascarpone Fabioli
  • Geitost
  • Sasquatch Ale
  • Steeleye Stout
  • Inlagd Sill
  • Gravad lax
  • Côte de Blaye
  • Chartreuse verte
  • Boston Crab Meat
  • Jack's New England Clam Chowder
  • Singaporean Hokkien Fried Mee
  • Ipoh Coffee
  • Gula Malacca
  • Rogede sild
  • Spegesild
  • Zaanse koeken
  • Chocolade
  • Maxilaku
  • Valkoinen suklaa
  • Manjimup Dried Apples
  • Filo Mix
  • Perth Pasties
  • Tourtière
  • Pâté chinois
  • Gnocchi di nonna Alice
  • Ravioli Angelo
  • Escargots de Bourgogne
  • Raclette Courdavault
  • Camembert Pierrot
  • Sirop d'érable
  • Tarte au sucre
  • Vegie-spread
  • Wimmers gute Semmelknödel
  • Louisiana Fiery Hot Pepper Sauce
  • Louisiana Hot Spiced Okra
  • Laughing Lumberjack Lager
  • Scottish Longbreads
  • Gudbrandsdalsost
  • Outback Lager
  • Flotemysost
  • Mozzarella di Giovanni
  • Röd Kaviar
  • Longlife Tofu
  • Rhönbräu Klosterbier
  • Lakkalikööri
  • Original Frankfurter grüne Soße

Filtering case sensitivity and filter operator link

  • Alfreds Futterkiste
  • Ana Trujillo Emparedados y helados
  • Antonio Moreno Taquería
  • Around the Horn
  • Berglunds snabbköp
  • Blauer See Delikatessen
  • Blondesddsl père et fils
  • Bólido Comidas preparadas
  • Bon app'
  • Bottom-Dollar Markets
  • B's Beverages
  • Cactus Comidas para llevar
  • Centro comercial Moctezuma
  • Chop-suey Chinese
  • Comércio Mineiro
  • Consolidated Holdings
  • Drachenblut Delikatessen
  • Du monde entier
  • Eastern Connection
  • Ernst Handel
  • Familia Arquibaldo
  • FISSA Fabrica Inter. Salchichas S.A.
  • Folies gourmandes
  • Folk och fä HB
  • Frankenversand
  • France restauration
  • Franchi S.p.A.
  • Furia Bacalhau e Frutos do Mar
  • Galería del gastrónomo
  • Godos Cocina Típica
  • Gourmet Lanchonetes
  • Great Lakes Food Market
  • GROSELLA-Restaurante
  • Hanari Carnes
  • HILARION-Abastos
  • Hungry Coyote Import Store
  • Hungry Owl All-Night Grocers
  • Island Trading
  • Königlich Essen
  • La corne d'abondance
  • La maison d'Asie
  • Laughing Bacchus Wine Cellars
  • Lazy K Kountry Store
  • Lehmanns Marktstand
  • Let's Stop N Shop
  • LILA-Supermercado
  • LINO-Delicateses
  • Lonesome Pine Restaurant
  • Magazzini Alimentari Riuniti
  • Maison Dewey
  • Mère Paillarde
  • Morgenstern Gesundkost
  • North/South
  • Océano Atlántico Ltda.
  • Old World Delicatessen
  • Ottilies Käseladen
  • Paris spécialités
  • Pericles Comidas clásicas
  • Piccolo und mehr
  • Princesa Isabel Vinhos
  • Que Delícia
  • Queen Cozinha
  • QUICK-Stop
  • Rancho grande
  • Rattlesnake Canyon Grocery
  • Reggiani Caseifici
  • Ricardo Adocicados
  • Richter Supermarkt
  • Romero y tomillo
  • Santé Gourmet
  • Save-a-lot Markets
  • Seven Seas Imports
  • Simons bistro
  • Spécialités du monde
  • Split Rail Beer & Ale
  • Suprêmes délices
  • The Big Cheese
  • The Cracker Box
  • Toms Spezialitäten
  • Tortuga Restaurante
  • Tradição Hipermercados
  • Trail's Head Gourmet Provisioners
  • Vaffeljernet
  • Victuailles en stock
  • Vins et alcools Chevalier
  • Die Wandernde Kuh
  • Wartian Herkku
  • Wellington Importadora
  • White Clover Markets
  • Wilman Kala
  • Wolski Zajazd
  • SQLite Company

Custom filtering with LoadData event link

ListBox virtualization using IQueryablelink

ListBox virtualization with LoadData event link

Keyboard Navigation link

The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor ListBox component.

Press this key To do this
Tab Navigate to a ListBox component.
Space or Enter Expand or collapse the Fieldset.
Down arrow Focus the next ListBox item.
Up arrow Focus the previous ListBox item.
Enter Select the focused ListBox item.
Alphanumeric Focus next ListBox item starting with typed key.

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙