Skip to content

feat(playground): Add 'Open in Playground' button to learning modules#872

Open
karanpatill wants to merge 1 commit intoaccordproject:mainfrom
karanpatill:feat/issue-871-v2
Open

feat(playground): Add 'Open in Playground' button to learning modules#872
karanpatill wants to merge 1 commit intoaccordproject:mainfrom
karanpatill:feat/issue-871-v2

Conversation

@karanpatill
Copy link
Copy Markdown

Add 'Open in Playground' button to learning modules

This PR integrates the Learning section with the Playground by adding a button in each module that automatically loads the corresponding sample into the editor.

Motivation:
Users often want to immediately try out the concepts they just read about in a module. This button bridges the gap between learning and practice, improving the overall developer experience.

Changes:

  • Added sampleName to steps.ts to map modules to samples.
  • Updated LearnContent component in Content.tsx to display the "Open in Playground" button.
  • Enhanced store init() in store.ts to handle the sample query parameter for auto-loading.
  • Fixed mixed space/tab indentation in Content.tsx to resolve ESLint errors.

Refs #871

Signed-off-by: karanpatill <karanpatil82005@gmail.com>
@karanpatill karanpatill requested a review from a team as a code owner April 6, 2026 18:57
@netlify
Copy link
Copy Markdown

netlify bot commented Apr 6, 2026

Deploy Preview for ap-template-playground ready!

Name Link
🔨 Latest commit c2d8030
🔍 Latest deploy log https://app.netlify.com/projects/ap-template-playground/deploys/69d402160915bf0008bdd511
😎 Deploy Preview https://deploy-preview-872--ap-template-playground.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@Atharva7115
Copy link
Copy Markdown

Atharva7115 commented Apr 7, 2026

Thanks @karanpatill for working on this!

Great to see this being implemented based on the issue (#871).

I’ll check out the preview and share any thoughts if I notice something useful.

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

Successfully merging this pull request may close these issues.

2 participants