ResultsList

Generic vertical list of result-cards with selection, optional pagination, and an empty-state fallback.

Interactive-mode

Examples

Search results with selection

API

The element family below can be composed together. Click an element to jump to its properties.

Element	Purpose
ResultsList<TItem>	Generic vertical list of selectable result cards. Each item is rendered by the `ItemTemplate` render fragment inside a full-width button. The selected item is highlighted. When the list is empty the optional `Empty` slot is shown; if that slot is also null a default `EmptyStatePanel` is used. Attach `DataPagination` automatically via the `Pageable` flag.

ResultsList<TItem>

Generic vertical list of selectable result cards. Each item is rendered by the ItemTemplate render fragment inside a full-width button. The selected item is highlighted. When the list is empty the optional Empty slot is shown; if that slot is also null a default EmptyStatePanel is used. Attach DataPagination automatically via the Pageable flag.

Property	Type	Description
Items	IList<TItem>?	The collection of items to display.
Selected	TItem?	The currently selected item. The matching row receives active styling.
SelectedChanged	EventCallback<TItem?>	Fired when the user clicks a row.
ItemTemplate	RenderFragment<TItem>?	Render fragment receiving each item as context. Renders the row content inside the button.
Empty	RenderFragment?	Custom empty-state content shown when `Items` is null or empty. Defaults to `EmptyStatePanel` with 'No results'.
Pageable	bool	When `true`, renders a `DataPagination` below the list. Default: `false`.
Page	int	Current page number forwarded to `DataPagination`. Default: `1`.
PageChanged	EventCallback<int>	Page-change callback forwarded to `DataPagination`.
PageSize	int	Items per page forwarded to `DataPagination`. Default: `10`.
TotalItems	int	Total item count forwarded to `DataPagination`. Default: `0`.