List: Blazor list component

Examples

Rows

Icon, Title and Subtitle build the row; TrailingContent adds a column on the right, here a status badge.

Recent deployments
Billing API v2.4
Production
Healthy
Customer portal v1.9
Staging
Admin dashboard v3.0
Dev

website/Examples/DataDisplay/ListRowsExample.razor Source

Custom columns

Without the convenience parameters, ListRow lays out your own columns; list-col-grow takes the space.

Ana Silva

Engineering
Tom Becker

Design
Priya Nair

Support

website/Examples/DataDisplay/ListCustomExample.razor Source

Items

ListItem renders a link or a button with an icon, and can be Disabled.

Last clicked: nothing yet

website/Examples/DataDisplay/ListItemsExample.razor Source

API

<List>

DaisyBlazor

Parameters

Background bool
= true
Apply bg-base-100 background (matches the daisyUI list demo surface).
Rounded bool
= true
Apply rounded-box border-radius around the list.
Shadowed bool
= false
Apply a drop shadow via the daisyUI shadow utility.
Class string
= null
Extra CSS classes added to the list element.
Style string
= null
Inline styles applied to the list element.

Name	Type	Default	Description
Background	bool	true	Apply bg-base-100 background (matches the daisyUI list demo surface).
Rounded	bool	true	Apply rounded-box border-radius around the list.
Shadowed	bool	false	Apply a drop shadow via the daisyUI shadow utility.
Class	string	null	Extra CSS classes added to the list element.
Style	string	null	Inline styles applied to the list element.

Content

ChildContent RenderFragment
The row content — typically one or more ListRow components.

Name	Type	Description
ChildContent	RenderFragment	The row content — typically one or more ListRow components.

<ListRow>

DaisyBlazor

Parameters

Icon string
= null
Material Symbols ligature name for the leading icon (e.g. Icons.Material.Filled.Star).
Subtitle string
= null
Secondary / caption text shown beneath the title.
Title string
= null
Primary text displayed in the grow column.
Class string
= null
Extra CSS classes merged onto the list-row element.
Style string
= null
Inline CSS styles applied to the list-row element.

Name	Type	Default	Description
Icon	string	null	Material Symbols ligature name for the leading icon (e.g. Icons.Material.Filled.Star).
Subtitle	string	null	Secondary / caption text shown beneath the title.
Title	string	null	Primary text displayed in the grow column.
Class	string	null	Extra CSS classes merged onto the list-row element.
Style	string	null	Inline CSS styles applied to the list-row element.

Content

ChildContent RenderFragment
Freeform content rendered directly inside the row. Used when Icon/Title/Subtitle are not set.
TrailingContent RenderFragment
Optional trailing slot rendered as a column on the right of the row (e.g. a badge or an action). For a line that wraps beneath the row, compose ChildContent with a list-col-wrap element. Only used together with the Icon/Title/Subtitle convenience layout.

Name	Type	Description
ChildContent	RenderFragment	Freeform content rendered directly inside the row. Used when Icon/Title/Subtitle are not set.
TrailingContent	RenderFragment	Optional trailing slot rendered as a column on the right of the row (e.g. a badge or an action). For a line that wraps beneath the row, compose ChildContent with a list-col-wrap element. Only used together with the Icon/Title/Subtitle convenience layout.

<ListItem>

DaisyBlazor

Parameters

Disabled bool
= false
Adds menu-disabled, dims the item and suppresses OnClick.
Href string
= null
When set, renders the item as an <a> link to this URL.
Icon string
= null
Icon name rendered as a small Icon before the content.
Text string
= null
Plain text shown when no ChildContent is provided.
Value object
= null
Arbitrary tag for the caller's own use; the component never reads it.
Class string
= null
Extra CSS classes applied to the <li> element.
Style string
= null
Inline CSS style applied to the <li> element.

Name	Type	Default	Description
Disabled	bool	false	Adds menu-disabled, dims the item and suppresses OnClick.
Href	string	null	When set, renders the item as an <a> link to this URL.
Icon	string	null	Icon name rendered as a small Icon before the content.
Text	string	null	Plain text shown when no ChildContent is provided.
Value	object	null	Arbitrary tag for the caller's own use; the component never reads it.
Class	string	null	Extra CSS classes applied to the <li> element.
Style	string	null	Inline CSS style applied to the <li> element.

Events

OnClick EventCallback<MouseEventArgs>
Click handler; when set (and no Href), the item renders as a button.

Name	Type	Description
OnClick	EventCallback<MouseEventArgs>	Click handler; when set (and no Href), the item renders as a button.

Content

ChildContent RenderFragment
Custom item content; takes precedence over Text.

Name	Type	Description
ChildContent	RenderFragment	Custom item content; takes precedence over Text.

From MudList

List keeps MudList's parameter names, so most markup moves over by dropping the Mud prefix. See the migration guide for the shared enums, icons and services.