@lokalise/louis
TypeScript icon, indicating that this package has built-in type declarations

23.1.0 • Public • Published

Louis

Welcome to Louis. This project built by Lokalise is a ReactJS (v17 and v18) implementation of Louis Design System and it contains the core to start building your react application along with Lokalise's look and feel.

Check Louis production storybook and figma ui library.


Code formatting Code style PRs Welcome ReactJS17 ReactJS18 Conventional Commits semantic-release: angular npm

Prerequisites

Make sure your application bundler (e.g. Webpack) does have a loader (e.g. style-loader) for bundling CSS files.

Installation

To use Louis in your project, run the following command in your terminal:

npm i @lokalise/louis

After installing Louis, you need to set up a ThemeProvider at the root of your application:

import { ThemeProvider, themes } from '@lokalise/louis';

const App = () => (
	<ThemeProvider theme={themes.light}>
		<TheRestOfYourApplication />
	</ThemeProvider>
);

From here on out, you can import and use Louis components anywhere:

import { Button } from '@lokalise/louis';
import { useState } from 'react';

export const MyCounter = () => {
	const [count, setCount] = useState(0);
	return (
		<>
			<p>{`You've clicked the button ${count} times!`}</p>
			<Button variant="primary" onClick={() => setCount(count + 1)}>
				Click to increase the counter
			</Button>
		</>
	);
};

Reporting issues

You can report issues on our JIRA Project, reach us on Slack or submit a Support Request.

How to contribute

Check our guidelines here

Code of Conduct

Follow up on our code of conduct

Thanks

Louis relies heavily on some of the approaches provided by Chakra-UI and Reach UI.

License

This project is APACHE, VERSION 2.0 licensed.

Readme

Keywords

none

Package Sidebar

Install

npm i @lokalise/louis

Weekly Downloads

733

Version

23.1.0

License

none

Unpacked Size

5.17 MB

Total Files

1480

Last publish

Collaborators

  • carlos_gamero
  • kibertoad
  • arthuracs
  • yury.kravtsov
  • filippos.mikropoulos
  • aplokalise
  • botlokalise
  • laurislokalise
  • marcocardosolok
  • bodrovis