Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Interactive Demo #1881

Closed
itelo opened this issue Oct 25, 2019 · 3 comments
Closed

Interactive Demo #1881

itelo opened this issue Oct 25, 2019 · 3 comments

Comments

@itelo
Copy link

itelo commented Oct 25, 2019

馃殌 Feature

The interactive demo lets users explore the visual results of the different props passed, like Material-ui Grid

image

Have you read the Contributing Guidelines on issues?

yes

Pitch

In React Native documentation, at Layout with Flexbox section, we have the perfect example of why this is important. Although the documentation is great we have screenshots of possible states, It would be nicer if we have the interactive demo that allows the user to change that and see in the difference in real-time.

@endiliey
Copy link
Contributor

You can already import JSX in Markdown for v2, so this is already achievable. Its all up to user's creativity :)

For example:
https://uniforms.tools/docs/examples-custom-fields
https://uniforms.tools/docs/examples-custom-fields/#imagefield

@itelo
Copy link
Author

itelo commented Nov 6, 2019

hey @endiliey, based on the examples you give to me I created this:
image

In mdx, the code is:

image

Is it interesting as a plugin or something like that to docusaurus? if so I could work on it.

@endiliey
Copy link
Contributor

endiliey commented Nov 6, 2019

Hmm well its not really a plugin i think. Its just normal jsx import :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants