Skip to content

CalendarHeader

Source: client/lib/theme/vueda-tailwind/controls/index.js

The title row above the day grid. Flex-centred so the CalendarHeading.root sits in the middle of the row, with px-8 reserving 32px of side padding for the prev / next CalendarNavButton.root pair that the component anchors to the row edges.

Vue component: CalendarHeader

SlotDefault classesDescription
rootflex justify-center pt-1 relative items-center w-full px-8The title row above the day grid. Flex-centred so the CalendarHeading.root sits in the middle of the row, with px-8 reserving 32px of side padding for the prev / next CalendarNavButton.root pair that the component anchors to the row edges.

root

The title row above the day grid. Flex-centred so the CalendarHeading.root sits in the middle of the row, with px-8 reserving 32px of side padding for the prev / next CalendarNavButton.root pair that the component anchors to the row edges.

Default classes:

flex justify-center pt-1 relative items-center w-full px-8

Source: client/lib/theme/vueda-tailwind/controls/CalendarHeader.theme.js:17

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2