Slim is not only about directives on regular HTML tags. It also relies on Xuda-specific structural tags.
xu-single-view
Use this as the top-level wrapper when a program behaves like a single screen.
<xu-single-view>
<main>...</main>
</xu-single-view>xu-multi-view
Use this when the program manages multiple views or transitions inside one program surface.
xu-panel
Embed another Xuda program inside the current one.
This is how you compose a screen from smaller Xuda pieces without leaving the runtime model.
<xu-panel program="student_details"></xu-panel>xu-teleport
Render children in another target in the DOM while keeping them logically connected to the originating program.
This is useful for:
- overlays
- portals
- layout escape hatches
Why these tags matter
These tags are the point where Slim stays unmistakably Xuda.
They tell you that even the lightweight authoring path still supports:
- screen structure
- nested programs
- advanced layout control
That is also why Slim transitions naturally into larger Xuda apps instead of becoming a dead-end mini framework.