@lskjs/t

LSK T

React components for internationalization

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

• Tutorial
• Storybook

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

• Tutorial
• Docs
• Storybook
• Changelog

Contact

• Email
• Telegram chat

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