Create event component

[maxatdetroit]

Event Component

The goal of this task is to create a new event component in the stable build of the design system.

Mockups

The full mockups can be viewed in Figma: https://www.figma.com/design/1eNREu4goozzabiuUhXvpS/detroitmi.gov-redesign?node-id=35-2393&t=FgpYMyZiFD6ry3yt-1

Mobile

Desktop

Requirements

• Minimum width of the component should be 340px. Otherwise, the component width should grow to fill its container.
• For exact typography styling specs, inspect the Figma mockup linked above.
• The start date/time of the event should be an attribute on the element and the expected value should be formatted as ISO 8601.
• The location of the event should be slotted text (similar to the title).
• The tags of the event should be a slotted tag component (see Create tag component #285)
• Follow the best practices for attributes and slots described in Document best practices in contributing docs #201 , Define attribute naming conventions in contributing docs #202 , and Add contributing docs regarding named slots with basic markup #205