Matrix

The Matrix component distributes nested components in equal columns and allows
their content to be aligned. It's especially useful for multiple stacked layouts
where content needs to be organized in a uniform grid pattern.

Component Status

Figma

Not available

Status

Stable

HTML

Up to date

React

Up to date

Twig

Not scheduled

Design Usage

  • If you need aligning content of nested components, Matrix is suitable component. Otherwise you can use Grid.

 

© 2025 Spirit. Page last updated on Jul 1, 2025, 12:48