Tabs

tabs__ideal__default__compact 30 views

current

`TabsSample` at its initial settings, above the payload it produces.

View

Choose backdrop

Size

Size mode

Exploded 3D

Lean 28° Spin -16° Separation 0 Layers 6

One sheet per visible drawing level. Structural-only composables are kept in the next sheet's breadcrumb. Rides the SVG link and download.

Locale & text

Locale Font scale: default

Overlays

Inspect

Accessibility Typography Theme attributes Layout boxes

Overlays (Live Compose)

Show touches

Overrides

Declared overrides — edit a value to re-render.

document

{"version":"v0.9","createSurface":{"surfaceId":"sample","catalogId":"https://a2ui.org/specification/v0_9/catalogs/basic/catalog.json"}}
{"version":"v0.9","updateComponents":{"surfaceId":"sample","components":[{"id":"root","component":"Tabs","tabs":[{"title":"Overview","child":"tab_content_0"},{"title":"Details","child":"tab_content_1"},{"title":"Settings","child":"tab_content_2"}]},{"id":"tab_content_0","component":"Card","child":"tab_text_0"},{"id":"tab_text_0","component":"Text","text":"Welcome to the Overview tab! Content dynamically updates when switching tabs.","variant":"body"},{"id":"tab_content_1","component":"Card","child":"tab_text_1"},{"id":"tab_text_1","component":"Text","text":"Welcome to the Details tab! Content dynamically updates when switching tabs.","variant":"body"},{"id":"tab_content_2","component":"Card","child":"tab_text_2"},{"id":"tab_text_2","component":"Text","text":"Welcome to the Settings tab! Content dynamically updates when switching tabs.","variant":"body"}]}}