Vite React Example

This is the fastest end-to-end consumer path.

Create The App

npm create vite@latest my-openorca-app -- --template react-ts
cd my-openorca-app
npm install
npm install @openorca-ui/core @openorca-ui/react @openorca-ui/theme

src/main.tsx

import { createRoot } from "react-dom/client";
import App from "./App";
import "@openorca-ui/theme/styles.css";

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

src/App.tsx

import { OpenOrcaDashboard, OpenOrcaProvider } from "@openorca-ui/theme";

export default function App() {
  return (
    <OpenOrcaProvider>
      <OpenOrcaDashboard />
    </OpenOrcaProvider>
  );
}