@page "/datagrid-grid-lines"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    DataGrid <strong>GridLines</strong>
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" TagName="TagName.P" class="rz-pb-4">
    Toggle grid line visibility to customize row and column separators.
</RadzenText>

<RadzenText TextStyle="TextStyle.Subtitle2" TagName="TagName.P" class="rz-pb-4">
    In this demo a <code>RadzenSelectBar</code> lets you switch between <strong>Default</strong>, <strong>None</strong>, <strong>Horizontal</strong>, <strong>Vertical</strong>, and <strong>Both</strong> grid line options to see the visual differences in the OrderDetails grid.
</RadzenText>

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