use-design-system/GridList

To create a responsive image grid, you can use a component that supports 1 to 3 column configurations with customizable spacing. This allows you to display product cards with images and text that adapt to different screen sizes.

Yes, you can adjust the spacing between items in the layout grid using predefined options. This ensures your image and text cards have consistent visual gaps without manual margin adjustments.

For UI card layouts, you can use dedicated label components that automatically handle title and subtitle truncation. This maintains visual consistency when displaying varying lengths of text alongside images.

You can add click handlers and disabled states to individual grid items by utilizing the built-in item interactivity features. This allows users to interact with specific cards while preventing clicks on unavailable items.

Yes, the image grid component supports custom aspect ratios for thumbnails through its dedicated Image sub-component. This allows you to maintain uniform image dimensions across your entire gallery or list layout.

The best way to structure a list of articles with thumbnails and text is using a grid layout with nested Image and Label sub-components. This provides a structured presentation for your articles with customizable columns and spacing.