# Special tags in Xuda Slim

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.

```html
<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.

```html
<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.