DaySkeleton

A day on its way in the Team schedule: the shape of its cards in a quiet ink wash, a sheen sweeping across them left to right until the day arrives and fades in where it stood (transitions.dev's skeleton loader and reveal). Only for a day not read yet — one that's already here shows at once, and the weeks either side are read ahead, so it's rarely seen.

Waiting

Loading the day

API

PropTypeDefaultDescription
labelstring—Said to a screen reader while it waits: “Loading the day”.

Guidelines

  • Never for what's already here: a skeleton over data in hand is a wait made up.
  • The day that replaces it fades in through a soft blur (animate-skeleton-reveal); with reduced motion it doesn't pulse, and the day just appears.