BulkActionBar
Selection-driven action bar appearing above a table when rows are selected. Hidden when SelectedCount is 0.
Interactive-mode
Examples
3 rows selected with bulk actions
3 selected
0 selected — bar is hidden
(BulkActionBar with SelectedCount=0 renders nothing — the bar only appears when at least one row is selected.)
Popup mode — fixed-position pill floats from bottom of viewport
0 selected
When SelectedCount > 0, the ActionBar pill appears fixed at the bottom of the browser viewport.
0 selected
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| BulkActionBar | Selection-driven action bar. When Popup=false (default), renders a flex bar with a count label and a Clear button when SelectedCount > 0; renders nothing when SelectedCount is 0. When Popup=true, delegates to the ActionBar primitive — a fixed-position pill that floats from the bottom of the viewport (position: fixed) whenever SelectedCount > 0. The optional Actions slot is pinned to the trailing end. |
BulkActionBar
Selection-driven action bar. When Popup=false (default), renders a flex bar with a count label and a Clear button when SelectedCount > 0; renders nothing when SelectedCount is 0. When Popup=true, delegates to the ActionBar primitive — a fixed-position pill that floats from the bottom of the viewport (position: fixed) whenever SelectedCount > 0. The optional Actions slot is pinned to the trailing end.
| Property | Type | Required | Description |
|---|---|---|---|
| SelectedCount | int | Number of selected rows. The bar (or popup pill) is only rendered when this value is greater than 0. | |
| OnClear | EventCallback | Fired when the Clear button is clicked. Wire this to deselect all rows. | |
| Actions | RenderFragment? | Optional trailing action slot. Typically one or more <Button> elements (e.g. Delete, Archive). | |
| Popup | bool | When true, uses the ActionBar primitive instead of the inline bar. The ActionBar is position: fixed and floats from the bottom of the browser viewport. Default: false. | |
| Align | ActionBarAlign | Horizontal alignment of the popup pill. Only relevant when Popup=true. Default: ActionBarAlign.Center. |