# News Component The goal of this task is to create a news 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 <img width="370" alt="Image" src="https://github.com/user-attachments/assets/ba9dbb6f-b6d9-4a20-bd96-00714293d47e" /> ### Desktop <img width="600" alt="Image" src="https://github.com/user-attachments/assets/8ec3691f-a2f0-48af-8fa1-0ebb822de032" /> ## 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 date of the news should be an attribute on the element and the expected value should be formatted as [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601). - The tags of the new should be a slotted tag component (see #285) - Follow the best practices for attributes and slots described in #201.
News Component
The goal of this task is to create a news 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