A2UI playground

Edit an A2UI document — JSON Lines of v0.9 messages, a JSON array of them, or a {"components":[…]} shorthand — and render it with AndroidX A2UI samples's own components. Rendering an edited document is a live render, so it needs a signed-in session or a live agent grant. Open the choicepicker__ideal__default__compact preview →

Auto-render Ctrl/⌘ + Enter renders Render

{"version":"v0.9","createSurface":{"surfaceId":"sample","catalogId":"https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json"}} {"version":"v0.9","updateDataModel":{"surfaceId":"sample","path":"/","value":{"selectedChoices":["italian"]}}} {"version":"v0.9","updateComponents":{"surfaceId":"sample","components":[{"id":"root","component":"ChoicePicker","label":"Select your favorite cuisine","variant":"mutuallyExclusive","displayStyle":"checkbox","filterable":false,"options":[{"label":"Italian","value":"italian"},{"label":"Mexican","value":"mexican"},{"label":"Japanese","value":"japanese"},{"label":"Indian","value":"indian"},{"label":"Thai","value":"thai"},{"label":"French","value":"french"},{"label":"Mediterranean","value":"mediterranean"}],"value":{"path":"/selectedChoices"}}]}}