89b835a799
Co-authored-by: Joren Broekema <Joren.Broekema@ing.com> Co-authored-by: Alex Ghiu <Alex.Ghiu@ing.com> Co-authored-by: Thijs Louisse <Thijs.Louisse@ing.com>
39 lines
1.5 KiB
Text
39 lines
1.5 KiB
Text
import { Story, Meta, html } from '@open-wc/demoing-storybook';
|
|
import { render } from '@lion/core';
|
|
import { localize, formatNumber, formatDate } from '../index.js';
|
|
|
|
<Meta title="Localize/Intro" />
|
|
|
|
# Localize
|
|
|
|
Is meant to translate text into multiple languages.
|
|
In it's simplest form it is a function that returns the translated text for a namespace + key.
|
|
|
|
## Features
|
|
|
|
- Uses es modules
|
|
- Formatting of numbers, amounts
|
|
- Formatting of dates
|
|
|
|
Further examples can be seen at [Features Overview Demo](?path=/docs/localize-intro--page) and a more in depth description can be found at [Localize System Overview](?path=/docs/localize-system-overview--page).
|
|
|
|
## Content
|
|
|
|
| Feature | Description |
|
|
| --------------------------------------------------------------------- | ------------------------------------------------------ |
|
|
| [Translate Text](?path=/docs/localize-text--default-storys) | Load and translate text in multiple languages |
|
|
| [Web Components](?path=/docs/localize-web-components--default-story) | Use translations within a web component |
|
|
| [Format Numbers](?path=/docs/localize-numbers--formatting) | Format numbers in multiple languages |
|
|
| [Format Dates](?path=/docs/localize-dates--formatting) | Format dates in multiple languages |
|
|
|
|
## How to use
|
|
|
|
### Installation
|
|
|
|
```sh
|
|
npm i --save @lion/localize
|
|
```
|
|
|
|
```js
|
|
import { localize } from '@lion/localize';
|
|
```
|