Overview
The Deadlines component displays styled tiles to highlight important dates and deadlines. Up to three deadlines can be displayed per row.
Elements
- Component heading (optional): Displays a title for the section.
- Component text (optional): Displays a brief supporting description, such as a tagline or short instructions.
- Deadline label: The name of the event or deadline.
- Deadline: The date of the event or deadline.
- Additional text: Any additional qualifying details or context needed.
When to use it
- To highlight key dates, upcoming events, or critical deadlines in a clean, visual format.
Best Practices
- Keep fields short: Avoid letting text wrap onto a second line for any of the fields.
- Abbreviate months: Use three-letter abbreviations for longer month names (e.g., Jan., Sept., Oct.).
- Use sparingly: Limit this component to no more than two instances per page to avoid visual clutter.