@lokalise/louis NPM

Louis

Welcome to Louis. This project, built by Lokalise, is a ReactJS implementation of the Louis Design System. It contains the core components to start building your React application with Lokalise's look and feel.

Check Louis production storybook and figma ui library.

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.

date-fns

@everything-registry/sub-chunk-557 @infinitebrahmanuniverse/nolb-_lok

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

25.2.2-exp-update-react-day-picker-day-fns.1

10 months ago

25.2.0

10 months ago

25.2.1

10 months ago

25.1.0

10 months ago

26.0.0-exp-button-migration.1

11 months ago

1 year ago

1 year ago

12 months ago

12 months ago

1 year ago

12 months ago

12 months ago

12 months ago

12 months ago

12 months ago

24.7.0-exp-td-for-expert.1

12 months ago

23.0.0-exp-migrate-popover.2

1 year ago

24.4.0-exp-alert-props-update.1

1 year ago

23.0.0-exp-migrate-popover.3

1 year ago

25.0.0-exp-button-migration.2

12 months ago

25.0.0-exp-button-migration.1

12 months ago

23.1.0-exp-alert-updates.3

1 year ago

23.1.0-exp-alert-updates.2

1 year ago

23.1.0-exp-alert-updates.1

1 year ago

23.1.0-exp-alert-updates.4

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

23.0.0-exp-migrate-popover.1

1 year ago

23.0.0-exp-AP-3448-migrate-popover-css-modules.1

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

22.5.0-exp-add-switch.1

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

21.10.0-exp-dialog-polyfill.1

2 years ago

21.10.0-exp-purple-button.1

2 years ago

21.9.0

2 years ago

21.9.0-exp-expert-previous-colors.2

2 years ago

21.4.5

2 years ago

21.9.0-exp-expert-previous-colors.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

20.4.0-exp-menu-item-focus.1

2 years ago

21.9.0-exp-menu-item-focus.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

20.0.0-exp-iconbutton-tooltips.2

2 years ago

20.0.0-exp-iconbutton-tooltips.1

2 years ago

17.17.0

2 years ago

20.0.0-exp-iconbutton-tooltips.4

2 years ago

20.0.0-exp-iconbutton-tooltips.3

2 years ago

21.1.0

2 years ago

21.5.0-exp-tree-component.2

2 years ago

18.0.0-exp-deprecated-icons.1

2 years ago

21.5.0-exp-tree-component.1

2 years ago

20.3.1

2 years ago

20.3.0

2 years ago

21.5.0-exp-tree-component.4

2 years ago

21.5.0-exp-tree-component.3

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

21.0.0-exp-AP-755-card-css-modules.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

17.10.0-exp-louis-lap-theme.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

19.0.0-exp-upgrade-styled.4

2 years ago

19.0.0-exp-upgrade-styled.3

2 years ago

19.0.0-exp-upgrade-styled.2

2 years ago

19.1.1

2 years ago

19.0.0-exp-upgrade-styled.1

2 years ago

20.3.1-exp-migrate-to-vite.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

17.0.0-exp-icons-legacytokens.1

2 years ago

17.0.0-exp-svgicon-colors.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

16.7.0-exp-module-type.1

2 years ago

16.7.0-exp-module-type.3

2 years ago

16.7.0-exp-module-type.2

2 years ago

16.7.0-exp-module-type.4

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

16.1.0-exp-lokalise-styled.1

2 years ago

16.1.0-exp-lokalise-styled.2

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

16.5.1-exp-migrate-to-lokalise-styled.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

14.5.3-exp-remove-bc.1

2 years ago

15.0.0

2 years ago

14.7.0

2 years ago

14.8.0-exp-css-reset.4

2 years ago

14.8.0-exp-css-reset.3

2 years ago

14.8.0-exp-css-reset.2

2 years ago

14.8.0-exp-css-reset.1

2 years ago

14.8.1

2 years ago

14.6.0-exp-remove-bc.1

2 years ago

14.8.0

2 years ago

14.7.0-exp-remove-bc.1

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

12.11.0-exp-treeshaking.1

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

13.0.0-exp-popover-2.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

12.8.1-exp-treeshaking.1

3 years ago

12.9.0-exp-mode-in-theme.1

3 years ago

14.2.3-exp-fix-hint-inside-label.1

2 years ago

2 years ago

2 years ago

3 years ago

2 years ago

3 years ago

2 years ago

12.11.0-exp-popover-2.2

3 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

12.11.0-exp-popover-2.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

12.11.1-exp-remove-bc.1

3 years ago

12.6.0

3 years ago

12.2.0

3 years ago

12.10.3-exp-remove-bc.1

3 years ago

11.0.0

3 years ago

11.1.1-exp-revert-modal.1

3 years ago

13.0.0-exp-update-node.1

3 years ago

13.2.0

3 years ago

14.0.0

2 years ago

13.2.1

3 years ago

12.0.0-exp-new-modal.2

3 years ago

14.4.0

2 years ago

12.0.0-exp-new-modal.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

13.2.1-exp-remove-bc.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

10.3.0-exp-datepicker-upgrade.1

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago