DataTablePageSizeSelectProps
Defined in: packages/react/src/ui/data-table/DataTablePageSizeSelect.tsx:8
Props for DataTablePageSizeSelect.
Properties
Section titled “Properties”onPageSizeChange
Section titled “onPageSizeChange”onPageSizeChange: (
pageSize) =>void
Defined in: packages/react/src/ui/data-table/DataTablePageSizeSelect.tsx:14
Called with the newly selected page size. Decision 8: this resets the list to the first page at the new size — the caller (useVexListQuery, Step 8), not this component, owns that reset.
Parameters
Section titled “Parameters”pageSize
Section titled “pageSize”number
Returns
Section titled “Returns”void
pageSize
Section titled “pageSize”pageSize:
number
Defined in: packages/react/src/ui/data-table/DataTablePageSizeSelect.tsx:10
The current page size — the client-side numItems for the next fetch/loadMore() call.
pageSizeOptions
Section titled “pageSizeOptions”pageSizeOptions:
number[]
Defined in: packages/react/src/ui/data-table/DataTablePageSizeSelect.tsx:12
The configured options (collection.admin.view.state.pageSizeOptions).
placement?
Section titled “placement?”
optionalplacement?:ActionPlacement
Defined in: packages/react/src/ui/data-table/DataTablePageSizeSelect.tsx:24
Which surface this render is for (mirrors the edit view’s
DocumentCancelAction/LivePreviewToggleAction convention) —
"inline" (default) renders the Select, "menu" renders a labeled
RadioGroup section for ListViewToolbar’s ⋯ overflow (list-view-overhaul
Step 16: the overflow is itself a DataTableResponsiveMenu — a
Popover/Sheet, never a DropdownMenu — so this form can’t depend
on Base UI’s Menu primitives either).