UNPKG

react-schedule-view

Version:

A zero-dependency, fully customizable component for displaying schedules in a daily or week format

21 lines (15 loc) 575 B
# Grid Lines Grid lines' style are customized through the `style` prop, and the number of minor gridlines is set by the `minorGridlinesPerHour` prop. When setting the style of a gridline, pass a value for for the `border-style` css attribute. ```typescript const customTheme = createTheme("google", { minorGridlinesPerHour: 2, style: { minorGridlinesBorder: "1px solid red", majorGridlinesBorder: "2px solid blue", verticalGridlinesBorder: "3px solid magenta", }, }) ... <ScheduleView theme={customTheme} ... /> ``` ![](./_media/example-gridlines.jpg)