Dashboard Grid

A headless dashboard grid primitive with state management, drag-and-drop, resize, responsive breakpoints, and auto-compaction. Designed to be composed into styled dashboard grid components.

Basic

A headless dashboard grid using BbDashboardGrid and BbDashboardWidget. The primitive provides grid positioning, drag-and-drop, and resize without any default styling.

No widgets to display

Widget 1

Content here

Widget 2

Content here

Anatomy

<BbDashboardGrid @bind-State="state">
    <BbDashboardWidget Id="..." Column="1" Row="1" ColumnSpan="6" RowSpan="3">
        <!-- Widget content -->
    </BbDashboardWidget>
</BbDashboardGrid>