[docs-infra] Support full screen / screen-size switcher for demos
Open
Nobody has claimed this yet.
scope: docs-infra
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Context
- To better demonstrate the responsiveness feature on Toolpad Core's
DashboardLayoutcomponent https://github.com/mui/mui-toolpad/pull/3750 and other responsive components we create in the future as part of Toolpad Core
Benchmarks
- Based off the screen-size switcher for https://ui.shadcn.com/blocks, we could add a version of that to our demos as well, placed similar to the styling system switcher on https://mui.com/base-ui/react-autocomplete/
- DevExpress full-screen button https://js.devexpress.com/React/Demos/WidgetsGallery/Demo/Common/NavigationOverview/MaterialBlueLight/
Solution
Search keywords:
Search keywords:
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the Toolpad Core DashboardLayout responsiveness demo and the styling system switcher on the Base UI Autocomplete page. Compare the screen-size switcher in shadcn/ui blocks with the fullscreen behavior in the DevExpress demo, then define the supported controls and verify that demos can switch viewport sizes and enter or exit fullscreen.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- developer-experience, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100