Groups information in a small block that is easily noticeable in the screen.
Use Cards to group small pieces of information and highlight them on the screen.
How to use
Drag the pattern to the screen and edit the content to match your requirements.
Drag the Card pattern into the preview.
Set the content you need in the placeholder.
- Publish and test.
|Input Name||Description||Type||Mandatory||Default Value|
|ExtendedClass||Add custom style classes to this Block.||Text||False||none|
Layout and Classes
Advanced Use Case
Write the following classes in the ExtendedClass property of the card.
background-yourcolor text-neutral-0 border-size-none
text-neutral-0is to set the text-color to white, in contrast with the new background. The
border-size-noneclass is to remove the border.
Publish and test.