@lskjs/t

LSK ux subrepo: t

Usage no npm install needed!

<script type="module">
  import lskjsT from 'https://cdn.skypack.dev/@lskjs/t';
</script>

README

LSK T

React components for internationalization

LSK logo NPM version Package size License LSK Chat on Telegram

Just press on t and take a result from @lskjs/t. Or in reverse.

Installation and usage

The easiest way to use is to install it from npm and build it into your app with Webpack.

npm install @lskjs/t

Then use it in your app:

import t from '@lskjs/t';

const App = (
  <>
    <T name="page.header.title" />
    <T name="page.header.subtitle" />
  </>
);

For more examples and usage, please refer

Examples

import T from '@lskjs/t/T';
import withT from '@lskjs/t/withT';

export default () => (
  <ButtonGroup>
    <Button variant="primary">Primary button</Button>
    <Button variant="outline-secondary">Secondary Button</Button>
    <Button as="input" type="submit" value="Submit Button" />
    <Button size="lg">Large Button</Button>
    <Button block>Block Button</Button>
    <Button active>Active Button</Button>
    <Button disabled>Disabled Button</Button>
    <Button type="primary" shape="circle" icon={<SearchOutlined />} />
  </ButtonGroup>
)

See the more examples in Storybook.

More info

Links

Contact

Contributors ✨


Igor Suvorov

💻 🎨 🤔

Thanks goes to these wonderful people (emoji key):

License

This project is licensed under the MIT License - see the LICENSE file for details

Inspired by

  • i18next
  • mobx
  • mobx-provider

Contributing

  1. Fork it (https://github.com/yourname/yourproject/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request