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-8reserving 32px of side padding for the prev / next CalendarNavButton.root pair that the component anchors to the row edges.
Vue component: CalendarHeader
| Slot | Default classes | Description |
|---|---|---|
| root | flex justify-center pt-1 relative items-center w-full px-8 | 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. |
root
The title row above the day grid. Flex-centred so the CalendarHeading.root sits in the middle of the row, with
px-8reserving 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