Discover Block
Featured content in a card layout.
Syntax
<DiscoverBlock slots="heading, link, text"/>
## Your Heading
[Link Text](url)
Description text here.
Parameters
-
slots: Content structure
"link, text"- Link with description"heading, link, text"- With heading"image, heading, link, text"- With image
-
width: Card width
- Full width (default)
"25%"- Quarter (4-column grid)"33%"- Third (3-column grid)"50%"- Half (2-column grid)
-
Image size: 512 x 512 px recommended
Examples
Basic:
data-slots=heading, link, text
data-slots=link, text
Explore the complete API documentation.
Grid Layout:
Use width="33%" for a 3-column grid:
data-slots=image, heading, link, text
data-width=33%