文档
Laravel
Laravel
为 Laravel 安装和配置 shadcn/ui
注意: 以下指南适用于 Tailwind v4。如果您正在使用 Tailwind v3,请使用 shadcn@2.3.0
。
创建项目
首先使用 Laravel 安装器创建一个新的带有 Inertia 和 React 的 Laravel 项目 laravel new my-app
laravel new my-app --react
添加组件
您现在可以开始向您的项目添加组件。
pnpm dlx shadcn@latest add switch
上面的命令会将 Switch
组件添加到 resources/js/components/ui/switch.tsx
。然后您可以像这样导入它
import { Switch } from "@/components/ui/switch"
const MyPage = () => {
return (
<div>
<Switch />
</div>
)
}
export default MyPage