Installation
React Router
Install and configure shadcn/ui for React Router.
Add Components
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:
Install and configure shadcn/ui for React Router.
npx create-react-router@latest my-appYou can now start adding components to your project.
npx shadcn@latest add buttonThe command above will add the Button component to your project. You can then import it like this:
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 flex-col items-center justify-center min-h-svh">
<Button>Click me</Button>
</div>
);
}