A card is a flexible component that display related information in a visually distinct box. It includes images, text, and a link, making them a popular way to display content about a single topic.
Type
Basepack
This component displays an image alongside text that can include a title, subtitle, description, and link. You can adjust the alignment of the image. For example, if the image is on the right, the text is on the left, and vice versa.
Additional optional configurations are available, such as wrapping the image with a link or using a specific image style.
Demo component
Card title
Left image alignment
Description
Proin sapien ipsum porta:
- Donec sodales sagittis magna. Morbi mollis tellus ac sapien. Proin pretium, leo ac pellentesque mollis, .
- Maecenas malesuada. Donec interdum, metus et hendrerit aliquet, dolor diam.
- Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus.
- Fusce pharetra convallis urna.
- Pellentesque posuere Cras id dui fusce commodo aliquam arcu.
Card title
Right image alignment
Description
Proin sapien ipsum porta:
- Donec sodales sagittis magna. Morbi mollis tellus ac sapien. Proin pretium, leo ac pellentesque mollis, .
- Maecenas malesuada. Donec interdum, metus et hendrerit aliquet, dolor diam.
- Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus.
- Fusce pharetra convallis urna.
- Pellentesque posuere Cras id dui fusce commodo aliquam arcu.