@page "/datagrid-empty"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    Empty DataGrid
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Showcase empty state when there is no data. Customize with placeholders or messages.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo three grids demonstrate empty states: the first shows the <strong>default empty text</strong>, the second uses <code>EmptyText</code> property with a custom message input, and the third uses <code>EmptyTemplate</code> with custom styled HTML.
</RadzenText>

<RadzenExample ComponentName="DataGrid" Example="DataGridEmpty">
    <DataGridEmpty />
</RadzenExample>