Skip to content

Playground mobile improvements#10018

Open
timotheeguerin wants to merge 11 commits intomicrosoft:mainfrom
timotheeguerin:playground-mobile
Open

Playground mobile improvements#10018
timotheeguerin wants to merge 11 commits intomicrosoft:mainfrom
timotheeguerin:playground-mobile

Conversation

@timotheeguerin
Copy link
Member

Some tweaks to the playground to make it more mobile friendly

  1. Add a selector to show either the input, output or both to
  2. Most command bar actions are moved under a .. sub menu
image image image

@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 13, 2026

Open in StackBlitz

npm i https://pkg.pr.new/@typespec/playground@10018

commit: dec73e0

@github-actions
Copy link
Contributor

github-actions bot commented Mar 13, 2026

All changed packages have been documented.

  • @typespec/playground
Show changes

@typespec/playground - feature ✏️

Make UI more mobile friendly. ,> - Add a new switch to toggle between TypeSpec and output panels,> - Command bar hides less important tools behind ...,> - [API] Update custom toolbar to take a menu item instead of generic react node.

@azure-sdk
Copy link
Collaborator

azure-sdk commented Mar 13, 2026

You can try these changes here

🛝 Playground 🌐 Website 🛝 VSCode Extension

Make UI more mobile friendly by adding a toggle switch, hiding less important tools, and updating the custom toolbar.
@timotheeguerin timotheeguerin changed the title Playground mobile improvments Playground mobile improvements Mar 13, 2026
@timotheeguerin timotheeguerin marked this pull request as ready for review March 13, 2026 22:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants