Components

Overview

This section contains documentation for custom components built specifically for the FoodEase applications. These components are designed to work alongside shadcn/ui but are not necessarily based on shadcn components.

⚠️ General Warnings & Setup

• File paths: The import paths and links shown in examples may not match your project structure. Please adjust paths as needed to suit your setup.

• Path aliases: For easier imports (e.g., components/ui/portal), set up path aliases in your tsconfig.json or jsconfig.json:

  {
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "components/*": ["./components/*"]
      }
    }
  }

  Make sure your build tool (like Next.js, Vite, etc.) also supports these aliases.

🛠️ How to Install Components from This Registry

To add a component from this registry to your project, use the following command shape:

npx shadcn@latest add https://foodease-dev-registry.cap.reachcinema.io/r/v1/<component>.json

Replace <component> with the actual component name, for example:

npx shadcn@latest add https://foodease-dev-registry.cap.reachcinema.io/r/v1/portal.json

This will install the component directly from the registry into your project.