Laravel

Create Project#

Create a new Laravel app using the Laravel installer:

Copylaravel new my-app

If you already have a Laravel app with React and Inertia configured, skip this step.

Choose the React starter kit when prompted. For more information, see the official Laravel frontend documentation.

Then move into your project directory:

Copycd my-app

Run the CLI#

Run the init command from the root of your Laravel app:

pnpmnpmyarnbun
bunx --bun fabricator-ui@latest init
Copy

When asked to overwrite components.json and components, choose Yes.

Add Components#

Add the Switch component to your project:

pnpmnpmyarnbun
bunx --bun fabricator-ui@latest add switch
Copy

The command above will add the Switch component to resources/js/components/ui/switch.tsx. You can then import it like this:

Copyimport { Switch } from "@/components/ui/switch"
 
const MyPage = () => {
  return (
    <div>
      <Switch />
    </div>
  )
}
 
export default MyPage