Table Selection Toolbar
@astryxdesign/core v0.7.1 · TableSelectionToolbar
Usage
TableSelectionToolbar is the bulk-action bar for a table with row selection. useTableSelectionState returns two pieces that go to matching consumers: selectionConfig to useTableSelection, selectionState to this bar. The bar reads the count from that state and clears every selected key, so it stays in step with the row checkboxes. Passing a plain count and handling clear yourself still works.
Product actions go in the start slot and the bar owns the count text and the clear command on the trailing side. The bar owns no table or sticky layout: place it in flow above the table, or pin it yourself with class or style.
ts
import { TableSelectionToolbar } from '@astryx-vue/core/Table'Best practices
| Guidance | Practices |
|---|---|
| Do | Pass selectionState straight from useTableSelectionState, so the count and the clear command stay synchronized with row selection. |
| Do | Provide product actions in the start slot instead of encoding them as configuration objects. |
| Don't | Inject the toolbar through the Table plugin or its horizontal scroll wrapper. |