The Icon Card List Container and Icon Card List Item components are designed to work together to create card-based layouts. The Icon Card List Container serves as a flexible framework, allowing authors to control the number of cards per row, adjust spacing between cards, and set margins above and below the component. Each Icon Card List Item offers customization options for selecting an icon from our library, setting its size, adding text and links, and customizing the card’s style and padding. This combination of components is useful for presenting information in a clean, organized format, such as highlighting key features, categories, or services.
Visit the icon library to browse and choose icons for your cards.
Not all card styles work perfectly on every background. While text colors are automatically adjusted to be light or dark based on the background, some combinations may still reduce readability. Authors should test their designs to ensure the text remains clear and easy to read.