Shortcuts block supports four block variants, each with a few layout options:
- Image on top: 4 columns, 3 columns, 2 columns, Full width,
- Leading image: 2 columns, Full width
- Icon on top: 4 columns, 3 columns, 2 columns
- Leading icon: 3 columns, 2 columns, Full width
Image on top
Great when you need to add 2-3 lines description.
4 columns
Design systems
Guide to creating and working with your design system in Supernova
Documentation
Guide to documenting your design system with Supernova
Code integration
Keep your design system data in sync with production codebases
Administration
Share design system resources with your team in a shared workspace
3 columns
Design systems
Guide to creating and working with your design system in Supernova
Documentation
Guide to documenting your design system with Supernova
Code integration
Keep your design system data in sync with production codebases
2 columns
Design systems
Guide to creating and working with your design system in Supernova
Documentation
Guide to documenting your design system with Supernova
Full width
Works best if you need have exceptionally wide preview image.
Design systems
Guide to creating and working with your design system in Supernova
Documentation
Guide to documenting your design system with Supernova
Leading image
2 columns
Works best with medium-long titles and 2-3 lines of description.
Design systems
Guide to creating and working with your design system in Supernova
Documentation
Guide to documenting your design system with Supernova
Code integration
Keep your design system data in sync with production codebases
Administration
Share design system resources with your team in a shared workspace
Full width
Great for longer title and description.
Design systems
Guide to creating and working with your design system in Supernova
Documentation
Guide to documenting your design system with Supernova
Icon on top
Works best when you have only small circle-shaped icons.
4 columns
3 columns
2 columns
Leading icon
Works exceptionally with titles long 2-3 words and really short descriptions.
3 columns
2 columns
Full width