@aledev-org/npm_lib_react_008_rollup_ok v0.0.2

npm_lib_react_008_rollup_ok

Installation

npm install @aledev-org/npm_lib_react_008_rollup_ok

Usage

Import Global CSS (about Traditional CSS)

// src/main.tsx;
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App.tsx";
import "./index.css";
// CSS file from my component library
import "@aledev-org/npm_lib_react_008_rollup_ok/dist/index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

App.tsx

// src/App.tsx
import { Button, Badge } from "@aledev-org/npm_lib_react_008_rollup_ok";

function App() {
  return (
    <div>
      <Button
        text="Click Me"
        variant="secondary"
        onClick={() => alert("Clicked!")}
      />
      <Badge label="hola!" variant="cyan" />
      <Badge label="world!" variant="green" />
    </div>
  );
}

Show tree dist folder

tree node_modules/@aledev-org/npm_lib_react_008_rollup_ok/dist

tree ./dist