# Custom Components

Custom components can be plugged into the table for a variety of elements.

| Element                          | Option                               | Type                                                           |
| -------------------------------- | ------------------------------------ | -------------------------------------------------------------- |
| Column Header Cell               | `Column.customHeadRender`            | `(col: StateColumn) => ReactNode`                              |
| Column Body Cell                 | `Column.customBodyRender`            | `(cell: Cell, row: Cell[]) => ReactNode`                       |
| Select Toolbar                   | `RowOptions.customToolbarSelect`     | `(selectedRows: Row[], context: MUITableContext) => ReactNode` |
| Select Toolbar Actions (Buttons) | `RowOptions.selectBarActions`        | `(selectedRows: Row[], context: MUITableContext) => ReactNode` |
| Toolbar Right                    | `ToolbarOptions.customToolbarRight`  | `(context: MUITableContext) => ReactNode`                      |
| Toolbar Left                     | `ToolbarOptions.customToolbarLeft`   | `(context: MUITableContext) => ReactNode`                      |
| Toolbar Bottom                   | `ToolbarOptions.customToolbarBottom` | `(context: MUITableContext) => ReactNode`                      |
| Toolbar Full                     | `ToolbarOptions.customToolbarFull`   | `(context: MUITableContext) => ReactNode`                      |
| Footer                           | `PaginationOptions.customFooter`     | `(context: MUITableContext) => ReactNode`                      |

### Component Locations

![Custom Render Locations](https://107195991-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYSbLdEGMU-TdvsYVoh%2F-LZLXb3ln4e_WZJmMxxP%2F-LZLb6H_8cYFJNp0yfgY%2Fimage.png?alt=media\&token=1f709d3e-81b6-483e-bcf4-e37a7bd2111d)

![Custom Render Locations](https://107195991-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LYSbLdEGMU-TdvsYVoh%2F-LZLXb3ln4e_WZJmMxxP%2F-LZLbZajHWa70pcGATD-%2Fimage.png?alt=media\&token=bf3409b9-bee9-4f21-b7ec-b7f3d1238a64)
