Selection Basket
A floating bulk-action toolbar that smoothly rises from the bottom of the screen when multiple dataset items are selected, supporting batch operations, horizontal scrolling, and clear triggers.
Select items to trigger bottom toolbar
invoice_oct_2026.pdf
PDF·2.4 MB
design_system_tokens.json
JSON·84 KB
customer_churn_analytics.csv
CSV·1.8 MB
production_ssl_certificates.pem
KEY·12 KB
2items selected
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/selection-basket
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| selectedCount | number | 0 | Current number of selected items |
| totalCount | number | undefined | Total item universe count |
| actions | SelectionActionItem[] | [...] | List of bulk action definitions |
| onClearSelection | () => void | undefined | Callback fired when user clears selection |
| onSelectAll | () => void | undefined | Callback fired when user selects all |