CollectionListView
CollectionListView<
TFieldMeta,TCollectionMeta,TSlug>(props):Element
Defined in: packages/react/src/components/views/CollectionListView.tsx:43
Collection list view component.
Renders a data table of all documents in a collection. Fetches live data
internally via vexConvexApi.list (TanStack Query + Convex subscription).
initialData from VexAdminPage’s server-side fetchQuery ensures the
list renders immediately on first load with no loading flash.
This component renders the content area only — wrap it in AdminLayout.
Type Parameters
Section titled “Type Parameters”TFieldMeta
Section titled “TFieldMeta”TFieldMeta extends object = { }
TCollectionMeta
Section titled “TCollectionMeta”TCollectionMeta extends object = { }
TSlug extends string = string
Parameters
Section titled “Parameters”CollectionListViewProps<TFieldMeta, TCollectionMeta, TSlug>
View props
Returns
Section titled “Returns”Element
The collection data table — header row with document count and “New” button, then a bordered table of all documents.
Example
Section titled “Example”<CollectionListView collection={postsCollection} initialData={serverDocs} />