chakra-ui-docs icon indicating copy to clipboard operation
chakra-ui-docs copied to clipboard

use sandpack everywhere

Open segunadebayo opened this issue 2 years ago • 4 comments

Subject

react-live => sandpack

Description

I'd like for us to use the same package for code editing everywhere in the docs. The beta version of the React docs showcases the power of Sandpack (https://beta.reactjs.org/learn).

We need to leverage this in our docs as well.

segunadebayo avatar Jun 30 '22 17:06 segunadebayo

@segunadebayo I'll get a draft PR up, but here is a working solution.

Closed:

image

Open

image

TylerAPfledderer avatar Jul 01 '22 04:07 TylerAPfledderer

Unless I can find something dynamic to extract component names from the markdown codeblock string (at the moment... unlikely and very challenging), the component imports still have to be declared in the codeblock like in the existing examples that use the sandpack embed.

TylerAPfledderer avatar Jul 01 '22 04:07 TylerAPfledderer

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.

stale[bot] avatar Jul 31 '22 07:07 stale[bot]

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.

stale[bot] avatar Sep 21 '22 03:09 stale[bot]

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.

stale[bot] avatar Oct 30 '22 12:10 stale[bot]

We've decided to stick with react-live for the simpler examples and sandpack for the more complex examples.

nikolovlazar avatar Oct 31 '22 08:10 nikolovlazar