---
title: Render Hook Index
---

<style>
  img { max-width: 100% }
</style>

A quick index of render-hook articles that expose [ClassName Input](classname-input), [Content Injection Input](content-injection), and mount lifecycle hooks.

## Table of Contents

- [toolbar](#toolbar)
- [DayGrid View](#daygrid-view)
- [dayCell](#daycell)
- [TimeGrid View](#timegrid-view)
- [Resource TimeGrid View](#resource-timegrid-view)
- [MultiMonth View](#multimonth-view)
- [List View](#list-view)
- [listDayHeader](#listdayheader)
- [listItemEvent](#listitemevent)
- [Resource Timeline View](#resource-timeline-view)
- [Resource Timeline View (Grouped Rows)](#resource-timeline-view-grouped-rows)
- [Timeline View (without resources)](#timeline-view-without-resources)
- [Now Indicator](#now-indicator)
- [General](#general)

## toolbar

<img src='../../src/lib/assets/schematics/toolbar@2x.png' alt='toolbar schematic' />

[Toolbar Render Hooks](toolbar-render-hooks)

- `button`
- `buttonGroup`
- `footerToolbar`
- `headerToolbar`
- `toolbar`
- `toolbarSection`
- `toolbarTitle`

## DayGrid View

<img src='../../src/lib/assets/schematics/DayGrid-View@2x.png' alt='DayGrid View schematic' />

- `dayCell` - [Day-Cell Render Hooks](day-cell-render-hooks) (illustrated below)
- `dayHeader` - [Day-Header Render Hooks](day-header-render-hooks)
- `dayHeaderDivider` - [Day-Header Divider Render Hooks](day-header-divider-render-hooks)
- `dayHeaderRow` - [Day-Header Row Render Hooks](day-header-row-render-hooks)
- `dayRow` - [Day-Row Render Hooks](day-row-render-hooks)
- `listItemEvent` - [List Item Event Render Hooks](list-item-event-render-hooks)
- `rowEvent` - [Row Event Render Hooks](row-event-render-hooks)
- `rowMoreLink` - [Row More-Link Render Hooks](row-more-link-render-hooks)
- `table` - [Table Render Hooks](table-render-hooks)
- `tableBody` - [Table Render Hooks](table-render-hooks)
- `tableHeader` - [Table Render Hooks](table-render-hooks)
- `view` - [View Render Hooks](view-render-hooks)
- `inlineWeekNumber` - [Inline Week Number Render Hooks](inline-week-number-render-hooks)
- See [General](#general) below

## dayCell

<img src='../../src/lib/assets/schematics/dayCell@2x.png' alt='dayCell schematic' />

- `dayCell` - [Day-Cell Render Hooks](day-cell-render-hooks)
- `dayCellTop` - [Day-Cell Render Hooks](day-cell-render-hooks)
- `dayCellTopInner` - [Day-Cell Render Hooks](day-cell-render-hooks)
- `dayCellInner` - [Day-Cell Render Hooks](day-cell-render-hooks)
- `dayCellBottom` - [Day-Cell Render Hooks](day-cell-render-hooks)
- `listItemEvent` - [List Item Event Render Hooks](list-item-event-render-hooks)
- `rowEvent` - [Row Event Render Hooks](row-event-render-hooks)
- `rowMoreLink` - [Row More-Link Render Hooks](row-more-link-render-hooks)

## TimeGrid View

<img src='../../src/lib/assets/schematics/TimeGrid-View@2x.png' alt='TimeGrid View schematic' />

- `allDayHeader` - [All-Day Header Render Hooks](all-day-header-render-hooks)
- `allDayHeaderDivider` - [All-Day Divider Render Hooks](all-day-divider-render-hooks)
- `columnEvent` - [Column Event Render Hooks](column-event-render-hooks)
- `columnMoreLink` - [Column More-Link Render Hooks](column-more-link-render-hooks)
- `dayCell` - [Day-Cell Render Hooks](day-cell-render-hooks)
- `dayHeader` - [Day-Header Render Hooks](day-header-render-hooks)
- `dayHeaderDivider` - [Day-Header Divider Render Hooks](day-header-divider-render-hooks)
- `dayHeaderRow` - [Day-Header Row Render Hooks](day-header-row-render-hooks)
- `dayLane` - [Day-Lane Render Hooks](day-lane-render-hooks)
- `dayRow` - [Day-Row Render Hooks](day-row-render-hooks)
- `rowEvent` - [Row Event Render Hooks](row-event-render-hooks)
- `slotHeaderDivider` - [Slot Header Divider Render Hooks](slot-header-divider-render-hooks)
- `slotHeader` - [Slot Header Render Hooks](slot-header-render-hooks)
- `slotLane` - [Slot Lane Render Hooks](slot-lane-render-hooks)
- `table` - [Table Render Hooks](table-render-hooks)
- `tableBody` - [Table Render Hooks](table-render-hooks)
- `tableHeader` - [Table Render Hooks](table-render-hooks)
- `view` - [View Render Hooks](view-render-hooks)
- `weekNumberHeader` - [Week Number Header Render Hooks](week-number-header-render-hooks)
- See [Now Indicator](#now-indicator) and [General](#general) below

## Resource TimeGrid View

<img src='../../src/lib/assets/schematics/ResourceTimeGrid-View@2x.png' alt='Resource TimeGrid View schematic' />

- `allDayHeader` - [All-Day Header Render Hooks](all-day-header-render-hooks)
- `allDayHeaderDivider` - [All-Day Divider Render Hooks](all-day-divider-render-hooks)
- `columnEvent` - [Column Event Render Hooks](column-event-render-hooks)
- `columnMoreLink` - [Column More-Link Render Hooks](column-more-link-render-hooks)
- `dayCell` - [Day-Cell Render Hooks](day-cell-render-hooks)
- `dayHeader` - [Day-Header Render Hooks](day-header-render-hooks)
- `dayHeaderDivider` - [Day-Header Divider Render Hooks](day-header-divider-render-hooks)
- `dayHeaderRow` - [Day-Header Row Render Hooks](day-header-row-render-hooks)
- `dayLane` - [Day-Lane Render Hooks](day-lane-render-hooks)
- `dayRow` - [Day-Row Render Hooks](day-row-render-hooks)
- `resourceDayHeader` - [Resource Day Header Render Hooks](resource-day-header-render-hooks)
- `rowEvent` - [Row Event Render Hooks](row-event-render-hooks)
- `slotHeaderDivider` - [Slot Header Divider Render Hooks](slot-header-divider-render-hooks)
- `slotHeader` - [Slot Header Render Hooks](slot-header-render-hooks)
- `slotLane` - [Slot Lane Render Hooks](slot-lane-render-hooks)
- `table` - [Table Render Hooks](table-render-hooks)
- `tableBody` - [Table Render Hooks](table-render-hooks)
- `tableHeader` - [Table Render Hooks](table-render-hooks)
- `view` - [View Render Hooks](view-render-hooks)
- See [Now Indicator](#now-indicator) and [General](#general) below

## MultiMonth View

<img src='../../src/lib/assets/schematics/MultiMonth-View@2x.png' alt='MultiMonth View schematic' />

- `singleMonth` - [Single Month Render Hooks](single-month-render-hooks)
- `singleMonthHeader` - [Single Month Header Render Hooks](single-month-header-render-hooks)
- `table` - [Table Render Hooks](table-render-hooks)
- `tableBody` - [Table Render Hooks](table-render-hooks)
- `tableHeader` - [Table Render Hooks](table-render-hooks)
- `view` - [View Render Hooks](view-render-hooks)
- See [DayGrid View](#daygrid-view) above for schematics for table header and body
- See [General](#general) below

## List View

<img src='../../src/lib/assets/schematics/List-View@2x.png' alt='List View schematic' />

- `listDayClass` - [List Day Render Hooks](list-day-render-hooks)
- `listDayEvents` - [List Day Render Hooks](list-day-render-hooks)
- `listDayHeader` - [List Day Header Render Hooks](list-day-header-render-hooks) (illustrated below)
- `listItemEvent` - [List Item Event Render Hooks](list-item-event-render-hooks) (illustrated below)
- `noEvents` - [No-Events Render Hooks](no-events-render-hooks) (not depicted)
- `view` - [View Render Hooks](view-render-hooks)
- See [General](#general) below

## listDayHeader

<img src='../../src/lib/assets/schematics/listDayHeader@2x.png' alt='listDayHeader schematic' />

[List Day Header Render Hooks](list-day-header-render-hooks)

- `listDayHeader`
- `listDayHeaderInner`

## listItemEvent

<img src='../../src/lib/assets/schematics/listItemEvent@2x.png' alt='listItemEvent schematic' />

[List Item Event Render Hooks](list-item-event-render-hooks)

- `listItemEvent`
- `listItemEventBefore`
- `listItemEventInner`
- `listItemEventTime`
- `listItemEventTitle`

## Resource Timeline View

<img src='../../src/lib/assets/schematics/ResourceTimeline-View@2x.png' alt='Resource Timeline View schematic' />

- `resourceCell` - [Resource Cell Render Hooks](resource-cell-render-hooks)
- `resourceColumnDivider` - [Resource Column Divider Render Hooks](resource-column-divider-render-hooks)
- `resourceColumnHeader` - [Resource Column Header Render Hooks](resource-column-header-render-hooks)
- `resourceExpander` - [Resource Expander Render Hooks](resource-expander-render-hooks) (unlabelled)
- `resourceHeaderRow` - [Resource Header Row Render Hooks](resource-header-row-render-hooks)
- `resourceIndent` - [Resource Expander Render Hooks](resource-expander-render-hooks) (unlabelled)
- `resourceLane` - [Resource Lane Render Hooks](resource-lane-render-hooks)
- `resourceRow` - [Resource Row Render Hooks](resource-row-render-hooks)
- `rowEvent` - [Row Event Render Hooks](row-event-render-hooks)
- `rowMoreLink` - [Row More-Link Render Hooks](row-more-link-render-hooks)
- `slotHeader` - [Slot Header Render Hooks](slot-header-render-hooks)
- `slotHeaderDivider` - [Slot Header Divider Render Hooks](slot-header-divider-render-hooks)
- `slotHeaderRow` - [Slot Header Row Render Hooks](slot-header-row-render-hooks)
- `slotLane` - [Slot Lane Render Hooks](slot-lane-render-hooks)
- `table` - [Table Render Hooks](table-render-hooks)
- `tableBody` - [Table Render Hooks](table-render-hooks)
- `tableHeader` - [Table Render Hooks](table-render-hooks)
- `view` - [View Render Hooks](view-render-hooks)
- See [Now Indicator](#now-indicator) and [General](#general) below

## Resource Timeline View (Grouped Rows)

<img src='../../src/lib/assets/schematics/ResourceTimeline-View-Grouped@2x.png' alt='Resource Timeline Grouping View schematic' />

- `resourceCell` - [Resource Cell Render Hooks](resource-cell-render-hooks)
- `resourceColumnDivider` - [Resource Column Divider Render Hooks](resource-column-divider-render-hooks)
- `resourceColumnHeader` - [Resource Column Header Render Hooks](resource-column-header-render-hooks)
- `resourceExpander` - [Resource Expander Render Hooks](resource-expander-render-hooks) (unlabelled)
- `resourceGroupHeader` - [Resource Group Header Render Hooks](resource-group-header-render-hooks)
- `resourceGroupLane` - [Resource Group Lane Render Hooks](resource-group-lane-render-hooks)
- `resourceHeaderRow` - [Resource Header Row Render Hooks](resource-header-row-render-hooks)
- `resourceIndent` - [Resource Expander Render Hooks](resource-expander-render-hooks) (unlabelled)
- `resourceLane` - [Resource Lane Render Hooks](resource-lane-render-hooks)
- `resourceRow` - [Resource Row Render Hooks](resource-row-render-hooks)
- `rowEvent` - [Row Event Render Hooks](row-event-render-hooks)
- `rowMoreLink` - [Row More-Link Render Hooks](row-more-link-render-hooks)
- `slotHeader` - [Slot Header Render Hooks](slot-header-render-hooks)
- `slotHeaderDivider` - [Slot Header Divider Render Hooks](slot-header-divider-render-hooks)
- `slotHeaderRow` - [Slot Header Row Render Hooks](slot-header-row-render-hooks)
- `slotLane` - [Slot Lane Render Hooks](slot-lane-render-hooks)
- `table` - [Table Render Hooks](table-render-hooks)
- `tableBody` - [Table Render Hooks](table-render-hooks)
- `tableHeader` - [Table Render Hooks](table-render-hooks)
- `view` - [View Render Hooks](view-render-hooks)
- See [Now Indicator](#now-indicator) and [General](#general) below

## Timeline View (without resources)

- [Timeline Render Hooks](timeline-render-hooks)
- See [Now Indicator](#now-indicator) and [General](#general) below

## Now Indicator

- [Now Indicator Header Render Hooks](now-indicator-header-render-hooks)
- [Now Indicator Line Render Hooks](now-indicator-line-render-hooks)
- [Now Indicator Dot Render Hooks](now-indicator-dot-render-hooks)

## General

- [Event Render Hooks](event-render-hooks)
- [Block Event Render Hooks](block-event-render-hooks)
- [More-Link Render Hooks](more-link-render-hooks)
- [Business Hours Render Hooks](business-hours-render-hooks)
- [Filler Render Hooks](filler-render-hooks)
- [Highlight Render Hooks](highlight-render-hooks)
- [navLinkClass](navLinkClass)