question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[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 🌈

Capture d’écran 2020-09-04 à 16 12 19

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

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
oliviertassinaricommented, Apr 13, 2021

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.

1reaction
vicasascommented, Apr 12, 2021

@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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found