zlaam-ui-components

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 to plugin:@typescript-eslint/recommended-type-checked or plugin:@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 the extends list