CalendarGrid
Source: client/lib/theme/vueda-tailwind/controls/index.js
The 7-column day grid.
border-collapselets adjacent cell borders share one hairline rather than doubling at the seam;w-fulllets the grid stretch to the Calendar.root content width so cell sizing falls out offlex-1on CalendarCell.root.
Vue component: CalendarGrid
| Slot | Default classes | Description |
|---|---|---|
| root | w-full border-collapse space-x-1 | The 7-column day grid. border-collapse lets adjacent cell borders share one hairline rather than doubling at the seam; w-full lets the grid stretch to the Calendar.root content width so cell sizing falls out of flex-1 on CalendarCell.root. |
root
The 7-column day grid.
border-collapselets adjacent cell borders share one hairline rather than doubling at the seam;w-fulllets the grid stretch to the Calendar.root content width so cell sizing falls out offlex-1on CalendarCell.root.
Default classes:
w-full border-collapse space-x-1
Source: client/lib/theme/vueda-tailwind/controls/CalendarGrid.theme.js:16