Borderless card block
Borderless card block
Borderless card block is used to show a list of items that can be logically represented as grid of cards and rows. It contains content about a single subject with limited amount of information and provides a way for a user to access more information. With this block, you can link to other pages, or to external links.
Contents:
-
- Block customization options
- Block examples
Block customization options
| ELEMENT | REQUIRED | OPTIONS AVAILABLE |
| Display image or icon | N |
|
| Option to add an image or an icon | N | |
| Heading text | N | Textbox |
| Heading element | N |
|
| Description | N | Textarea |
| Button size | N |
|
| Link | N | Option to add a link |
Borderless card block with an image
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
| ELEMENT | OPTIONS AVAILABLE |
| Display image or icon | Image |
| Heading text | Textbox |
| Heading element | H3 |
| Description | Textarea |
| Link | Option to add a link |
Borderless card block with illustrative icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
| ELEMENT | OPTIONS AVAILABLE |
| Display image or icon | Illustrative Icon |
| Heading text | Textbox |
| Heading element | H3 |
| Description | Textarea |
| Link | Option to add a link |
Borderless card block with a product icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
| ELEMENT | OPTIONS AVAILABLE |
| Display image or icon | Product Icon |
| Heading text | Textbox |
| Heading element | H3 |
| Description | Textarea |
| Link | Option to add a link |
Borderless card block without an image, an icon, description and a really long title
| ELEMENT | OPTIONS AVAILABLE |
| Display image or icon | None |
| Heading text | Textbox |
| Heading element | H3 |
| Description | None |
| Link | Option to add a link |