[Doc] Make Select All feature discoverable

marmelab · Jan 3, 2025 · 4d8b7bf · 4d8b7bf
1 parent 1d6525a
commit 4d8b7bf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/docs/Datagrid.md b/docs/Datagrid.md
@@ -187,7 +187,7 @@ export const PostList = () => (
 ```
 {% endraw %}
 
-<video controls autoplay playsinline muted loop>
+<video controls autoplay playsinline muted loop poster="./img/BulkActionButtons.jpg">
   <source src="./img/bulk-actions-toolbar.mp4" type="video/mp4"/>
   Your browser does not support the video tag.
 </video>
@@ -206,6 +206,10 @@ React-admin provides four components that you can use in `bulkActionButtons`:
   Your browser does not support the video tag.
 </video>
 
+**Tip**: When users select all the records of the current page using the "select all" checkbox in the header, the bulk actions toolbar shows a ["Select All" button](./Buttons.md#selectallbutton) to let them select all the recorfds regardless of pagination.
+
+![SelectAllButton](./img/SelectAllButton.png)
+
 You can write a custom bulk action button components using the [`useListContext`](./useListContext.md) hook to get the following data and callbacks:
 
 * `selectedIds`: the identifiers of the currently selected items.

diff --git a/docs/img/BulkActionButtons.jpg b/docs/img/BulkActionButtons.jpg