react-date-heatmap
Version:
A React Component that allows you to visualize an array of dates in form of a heatmap.
2 lines (1 loc) • 568 B
CSS
@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";.react-date-heatmap-container{display:flex;flex-direction:column;gap:8px;font-family:Inter,sans-serif}.board-container{display:flex}.board-col{display:flex;flex-direction:column}.shade-container{display:flex;gap:2px;width:fit-content}.shade{border-radius:9999px}.months-container{display:flex;position:relative}.square{color:#fff;border-radius:2px;position:relative}.tooltip{position:absolute;left:50%;top:-50px;transform:translate(-50%);padding:5px;border-radius:5px;white-space:nowrap;z-index:10}