# Example Angular Internationalization application

## Explore the translated example application

<div class="alert is-helpful">

To explore the sample application with French translations used in the [Angular Internationalization][AioGuideI18nOverview] guide, see <live-example name="i18n" title="live example"></live-example>.

To learn how to run the sample app in English or French, see its `readme.md`.

</div>

## `fr-CA` and `en-US` example

The following tabs display the example application and the associated translation files.

<code-tabs>
    <code-pane header="src/app/app.component.html" path="i18n/src/app/app.component.html"></code-pane>
    <code-pane header="src/app/app.component.ts" path="i18n/src/app/app.component.ts"></code-pane>
    <code-pane header="src/main.ts" path="i18n/doc-files/main.1.ts"></code-pane>
    <code-pane header="src/locale/messages.fr.xlf" path="i18n/doc-files/messages.fr.xlf.html"></code-pane>
</code-tabs>

<!-- links -->

[AioGuideI18nOverview]: guide/i18n-overview "Angular Internationalization | Angular"  

<!-- external links -->

<!-- end links -->

@reviewed 2023-09-05