Umbraco.UI icon indicating copy to clipboard operation
Umbraco.UI copied to clipboard

Feature Request: Code Sandbox for easy exploration

Open warrenbuckley opened this issue 3 years ago • 3 comments

Can I suggest that we use a code playground service as a prebuilt example/setup for people to start experimenting with uui-library.

Ideas

  • codepen.io
  • JSFiddle.net
  • codesandbox.io
  • glitch.io
  • new example repo & GitHub CodeSpace setup

warrenbuckley avatar Dec 21 '21 09:12 warrenbuckley

Maybe this would be worth considering? https://webcomponents.dev/

julczka avatar Jan 03 '22 09:01 julczka

I like the idea. Two thoughts come to mind:

  1. The Lit Playground is really nice and something like that would cover our needs. What is it built on, though? Something we could use, or did they build it from scratch?

  2. We are already using Storybook with MDX to document the code with interactive examples (though you cannot edit the examples live). I'm sure this would be enough for the v1 release of UUI - what do you think @nielslyngsoe @madsrasmussen?

uui-mdx

iOvergaard avatar Feb 07 '22 12:02 iOvergaard

Inspecting the Lit playground led me to Google's Playground Elements. That looks to be exactly it.

iOvergaard avatar Feb 07 '22 12:02 iOvergaard