<!-- Generated by npm run gen:skill from ui/App/skill.md - do not edit. -->

# App

## `<app>`

- `href`
- events: Loaded, Ready, Reloading
- methods: runStep

```xml
<application name="AppEmbedExample" instances="0">
  <about loader="false"/>
  <view name="embedView" width="360" height="200">
    <panel type="rows" padding="8" gap="6">
      <label text="This label is the host's. The blue box is another application."/>
      <app name="child" title="Child application" href="xios://components/app/tests/child.xml" width="fill" height="fill"/>
    </panel>
  </view>
</application>
```

## Guidance

- `href` is the full address (`host://`, `home://`, `xios://`) of an application manifest - not `app://`, relative or `{expressions}`; to choose at run time bind it (`select="/"`), which fires Reloading.
- Size it; the embedded application needs `instances="0"`. Act on Ready, not Loaded.
- It talks through a document both bind by the same address, or the host's `callMethod` runStep(stepId). Host resources, theme and CSS don't reach it; its view names must differ from the host's.
- `title` names its frame for screen readers.
