Interface: GridComponents<Context>

Type Parameters

Context

Context = any

Properties

Footer?

optional Footer: ComponentType<ContextProp<Context>>

Set to render a component at the bottom of the list.

---

Header?

optional Header: ComponentType<ContextProp<Context>>

Set to render a component at the top of the list.

The header remains above the top items and does not remain sticky.

---

Item?

optional Item: ComponentType<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "className"> & RefAttributes<HTMLDivElement> & object & ContextProp<Context>>

Set to customize the item wrapping element. Use only if you would like to render list from elements different than a div.

---

List?

optional List: ComponentType<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "className"> & RefAttributes<HTMLDivElement> & object & ContextProp<Context>>

Set to customize the items wrapper. Use only if you would like to render list from elements different than a div.

---

Scroller?

optional Scroller: ComponentType<Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "tabIndex"> & RefAttributes<HTMLDivElement> & object & ContextProp<Context>>

Set to customize the outermost scrollable element. This should not be necessary in general, as the component passes its HTML attribute props to it.

---

ScrollSeekPlaceholder?

optional ScrollSeekPlaceholder: ComponentType<GridScrollSeekPlaceholderProps & ContextProp<Context>>

Set to render an item placeholder when the user scrolls fast. See the scrollSeekConfiguration property for more details.