The “Story List - Cards” component is designed to display a collection of news stories in a card layout. Each card presents the story’s title, date, a brief description, and a link to the full article, making it easy for users to browse and navigate. This component requires no additional configuration beyond referencing the desired story list. It is useful for showcasing a group of related stories or announcements.
Example
Note This image shows the Story List - Cards component as it appears on the Neurology department homepage. Since the Gloss documentation site does not contain news stories, we are unable to provide a live example of this component.
Content Options
This component has a single input field called Add Story List Reference. This field specifies which story list the system should use to pull in the stories. To use it, start typing the name of a story list, and a dropdown menu will appear with matching options to select from.”
Layout and Styling Options
This component does not include any options for adjusting the layout or styling.
Usage
Do
- Choose a relevant story list that aligns with the topic or audience focus of your page.
- Ensure the stories in your list are up-to-date to keep the content fresh and engaging.
- Check the story list for consistency, ensuring all included stories have similar formatting and tone.
- Preview your page after adding the component to verify it is pulling the correct stories and that it fits well within the overall layout.
Don't
- Do not use this component if your page doesn’t have enough relevant or engaging stories to populate it.
- Refrain from placing this component on pages where it might compete with more critical content for attention.
- Avoid duplicating the same stories elsewhere on the same page, which can make the content feel redundant.