<div class="intro">

<p>In this example we will create an external module and use it as a core module.</p>

</div>

<div class="example">

{{>external-html}}

</div>

<h2>Creating your external module</h2>

<p>This is a simple example of creating an external module with `YUI.add`.</p>

<p>This module simply adds an `External` namespace to the `Y` object and

exports a single `run` method.</p>

```

{{>external-module}}

```

<h2>Using the instance config</h2>

<p>Now that we have our external module, we need to add it to the `modules` config

on the `YUI` instance that you want to attach this module to.</p>

```

{{>external-config}}

```

<h2>Setting up for the module</h2>

<p>Now we add the HTML needed to make this module run:</p>

```

{{>external-html}}

```

<p>Now we put it all together and you should see the message in the example box above.</p>

```

{{>external-js}}

```

<script>

{{>external-js}}

</script>