@kreozalabs/ui

The core React component library for Kreoza Labs. This package provides foundational UI building blocks (buttons, dialogs, inputs, etc.) intended to be consumed by our web, desktop (Tauri), and mobile applications.

📦 Installation

This package is intended to be consumed within the Kreoza Labs monorepo workspace.

pnpm add @kreozalabs/ui

Peer Dependencies

Ensure the consuming application has the following installed:

• react
• react-dom
• tailwindcss
• @kreozalabs/styles (for the required design tokens and presets)

🚀 Usage

Import components directly from the package into your React app.

import { Button } from "@kreozalabs/ui";

export default function App() {
  return (
    <div className="p-4">
      <Button variant="default">Click Me</Button>
    </div>
  );
}

🛠️ Configuration

Ensure your application's tailwind.config.ts extends the presets from @kreozalabs/styles so that these UI components render with the correct brand theme and colors.

🤝 Contributing

For guidelines on what belongs in this package, how to add new components, and our architectural boundaries, please carefully read the CONTRIBUTING.md.