Platform: Shellbar Component Technical Design

Shellbar

See Fundamental-NGX:Core implementation of Shellbar.

---

i18n

Link to general support for i18n: Supporting internationalization in ngx/platform

Special Usecase: No

• fdp-breadcrumb-item can be supported as:

<fdp-breadcrumb-item i18n="@@cats" [id]="'catsId'" [href]="'/animals/cats'">Cats</fdp-breadcrumb-item>

• fd-shellbar-title can be supported as:

<fd-shellbar-title i18n="@@sbTitle">
        Corporate Portal
</fd-shellbar-title>
<fd-shellbar-subtitle i18n="@@sbSubtitle">
        Subtitle
</fd-shellbar-subtitle>
Redesign Required: No

`fdp-breadcrumb` handles action items and overflow declaratively, so no changes are needed.

***

The `counter` attribute can be supported by using [DecimalPipe](https://angular.io/api/common/DecimalPipe) which can automatically translate numbers depending on the locale.