Skip to content

Tailwind 4 documentation #70

Description

@fdinardo

Hi, thanks for creating and maintaining this package.
I had a bit of hard time trying to make the toaster notifications styled correctly since the documentation refers to the old CommonJS format. So I though I had to add the content to the new tailwind.config.js which is using ECM format.
However, the notification didn't style correctly.
After some time I realized that tailwind 4.1 only works with app.css so that the correct import is this:

@source '../../vendor/masmerise/livewire-toaster/resources/views/*.blade.php';

to be added to app.css.

I think it would be useful for other people like me (I am not familiar with tailwind) to know this information from the documentation.
Is it a good idea to add an extra section for tailwind 4 ?

Feel free to close this issue if you think it's not relevant, but I spent a couple of hours trying to find this out, and I wanted to share my discomfort with this experience lol.

Thanks

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions