Liferay.Design / Lexicon
shift
F
Get Started
    Foundations
    AnimationsColorGridTypography
      Writing
Resources
Part of Liferay, IncPowered by Gatsby and Netlify

Cards Layout

Sign In

The card layout is used to display cards in a dataset.

The card layout adapts 100% to the width of the container, adjusting the size of the cards and the number of cards per row to the different viewport sizes. This is layout is used in the Dataset Display template.

Responsive behavior

layout full box responsive summary

Attributes

layout full box cards metrics

Example

layout full box cards example

How can this be improved? Contribute today!
Menu