mui / mui/material-ui

[Grid2] `size` and `gap` should work when direction is `column` or `column-reverse`

Open
#43,578 10 comments 1 reaction 1 assignee View on GitHub

@DiegoAndai is already working on this.

Since Sep 2, 2024.

component: Grid scope: system type: new feature waiting for 👍
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Summary

Since V6 Grid became deprecated and Grid2 recommended.

Unfortunately it's not possible to convert from Grid to Grid2 since Grid2 doesn't support the direction property. So no column direction is allowed.

Goal:
Grid2 items can be also arranged in column direction.

Examples

Example with deprecated Grid and new Grid2. Both Grids should look the same but Grid2 can't handle height while direction is set to column:
https://stackblitz.com/edit/stackblitz-starters-6zeyer?file=src%2FApp.tsx

Motivation

Refactor Code from Grid to Grid2

Search keywords: Grid2 Grid direction column

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.