mui / mui/material-ui

[system] Improve documentation on usage of layout components: Container, Grid, Box, Stack

Open
#41,215 2 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

docs scope: system support: docs-feedback support: question
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Part of #35158

Summary

how to use Stack, Container, Box to set up the layout for whole page? is that correct? what about gird?
grid
container
stack
box
component
box
stack
container
grid

Examples

can I only use div, and not to use any stack, container or box? do I need apply grid for every component and pages?

Motivation

where and which file to setting the grid for whole page

Search keywords: stack, box, container, grid

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.

Research direction

No file or test is named. Review the existing documentation for Container, Grid, Box, and Stack, using #35158 for context, and clarify page-level layout, when plain divs are appropriate, and whether Grid is needed for each component; done means these usage questions are answered with concrete examples.

Written by the indexing model from the issue text.

Assessment

Tech stack
react
Domain
documentation
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
28/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.