Security News
npm Updates Search Experience with New Objective Sorting Options
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
@lokalise/louis
Advanced tools
Welcome to **Louis**. This project, built by [Lokalise](https://www.lokalise.com), 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.
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.
Make sure your application bundler (e.g. Webpack) does have a loader (e.g. style-loader) for bundling CSS files.
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>
</>
);
};
You can report issues on our JIRA Project, reach us on Slack or submit a Support Request.
Check our guidelines here
Follow up on our code of conduct
Louis relies heavily on some of the approaches provided by Chakra-UI and Reach UI.
This project is APACHE, VERSION 2.0 licensed.
FAQs
Welcome to **Louis**. This project, built by [Lokalise](https://www.lokalise.com), 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.
The npm package @lokalise/louis receives a total of 933 weekly downloads. As such, @lokalise/louis popularity was classified as not popular.
We found that @lokalise/louis demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
Security News
A supply chain attack has been detected in versions 1.95.6 and 1.95.7 of the popular @solana/web3.js library.
Research
Security News
A malicious npm package targets Solana developers, rerouting funds in 2% of transactions to a hardcoded address.