[docs] Have inline previews for most of the demos
See original GitHub issue- I have searched the issues of this repository and believe that this is not a duplicate.
Summary 💡
Bring “inline previews” for as many demos as possible.
Examples 🌈
https://next.material-ui.com/components/buttons/#contained-buttons
Motivation 🔦
Inline previews were introduced in #17831 by @mbrookes. We have done a couple of iteration it increases their usage in the codebase. However, I believe we have never pushed it to its full potential. For instance: https://next.material-ui.com/components/accordion/.
This would match with the answers of the survey: docs - smaller demos
.
Benchmark
- https://sancho-ui.com/components/breadcrumb/ Note that being able to edit the demos directly is even simpler than opening in CodeSandbox.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:6 (6 by maintainers)
Top Results From Across the Web
Inline editor example | Docs - TinyMCE
This example shows you the inline editing capabilities of TinyMCE. ... Here are some of our customer's most common use cases for TinyMCE:....
Read more >CKEditor 5 Demo - Rich Text Editor ready to use
CKEditor 5 demo. From editors similar to Google Docs and Medium, to Slack or Twitter like applications, all is possible within a single...
Read more >YouTube Embedded Players and Player Parameters
This parameter controls whether videos play inline or fullscreen on iOS. Valid values are: 0 : Results in fullscreen playback. This is currently...
Read more >Product Demo Center - Palo Alto Networks
Take a look at the free product demos to explore key features and capabilities, as well as our intuitive user interfaces.
Read more >3. Paragraph Level Markup - Read the Docs Sphinx Theme
A demonstration of the reStructuredText markup language, ... All brontosauruses are thin at one end, much much thicker in the middle and then...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This issue is related to #24640, this issue empowers it. The more inline previews we have, the more interesting it will be to be able to edit the demos live.
@oliviertassinari If exact, one of each variant, something like TextField.
I will try to upload a PR as Draft as soon as possible so that we can review a preview