Install and configure Pure UI for React Router.
Run the shadcn init command to setup your project:
You can now start adding components to your project.
The command above will add the Button component to your project. You can then import it like this:
// app/routes/home.tsx
import { Button } from "~/components/ui/button";
import type { Route } from "./+types/home";
export function meta({}: Route.MetaArgs) {
return [
{ title: "New React Router App" },
{ name: "description", content: "Welcome to React Router!" },
];
}
export default function Home() {
return (
<div className="flex min-h-svh flex-col items-center justify-center">
<Button>Click me</Button>
</div>
);
}