Tailwind Setup

Corepine Modal ships a Tailwind v4 stylesheet that should be imported into your app CSS build.

The import gives Tailwind the package styles and source paths it needs to compile modal classes alongside your application CSS.

@import "../../vendor/corepine/modal/resources/css/app.css";

The package stylesheet already scans the package's Blade views, PHP classes, and package config.

If you publish config/corepine-modal.php and add custom size classes there, add the published config to your app CSS source list:

@source "../../config/corepine-modal.php";

This keeps classes such as custom max-w-*, height, or arbitrary size utilities available after Tailwind purges unused CSS.

After changing the CSS import or source list, restart your Vite watcher or rebuild assets:

npm run dev

Then continue with Quick Start.