zlaam-ui-components
v1.0.1
Published
A Resusabe button
Downloads
4
Readme
A Ui Components Library
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
Expanding the ESLint configuration
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
- Configure the top-level
parserOptions
property like this:
import {} from "react";
import { Button } from "zlaam-ui-components";
const App = () => {
return (
<>
<div className="">
<Button
className="text-red-500"
onClick={() => {
console.log("Hello");
}}
>
Hello
</Button>
</div>
</>
);
};
export default App;
If it gives types warning then try this :
npm install --save-dev @types/zlaam-ui-components
- Replace
plugin:@typescript-eslint/recommended
toplugin:@typescript-eslint/recommended-type-checked
orplugin:@typescript-eslint/strict-type-checked
- Optionally add
plugin:@typescript-eslint/stylistic-type-checked
- Install eslint-plugin-react and add
plugin:react/recommended
&plugin:react/jsx-runtime
to theextends
list