@page "/datalist"
@page "/docs/guides/components/datalist.html"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataList
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor DataList component.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo <strong>Products</strong> display in card format showing product name, stock, origin, supplier, and price with an <strong>Order now</strong> button, with a checkbox to toggle between <code>AllowVirtualization</code> (with scrolling) and paging modes.
</RadzenText>

<RadzenExample ComponentName="DataList" Example="DataListIQueryable">
    <DataListIQueryable />
</RadzenExample>
