Filament•9mo ago

wizard is not reactive

trying to add steps to a wizard when another component is updated full code: https://gist.github.com/atmonshi/1f9e2dc7e78a57423a0144979a3f9ba2 the step appears but the next button is not showing.

Gist

reactive Wizard filament

reactive Wizard filament. GitHub Gist: instantly share code, notes, and snippets.

5 Replies

Scott•9mo ago

I am having this same issue. I noticed that the button is rendering, but the colors are incorrect. I can just barely see a shadow of the button (which I didn't see at first). I am trying to figure out how to fix this. Did you have any luck?

Scott•9mo ago

Scott•9mo ago

I figured out how to customize the css for the "next" button which resolved my problem.

->nextAction(
                    fn(Action $action) => $action->button()->extraAttributes([
                        'class' => 'rounded-md border border-transparent bg-blue-600 px-5 py-2 mt-4 text-base font-medium text-white enabled:hover:bg-blue-700 disabled:opacity-50'
                    ]),

->nextAction(
                    fn(Action $action) => $action->button()->extraAttributes([
                        'class' => 'rounded-md border border-transparent bg-blue-600 px-5 py-2 mt-4 text-base font-medium text-white enabled:hover:bg-blue-700 disabled:opacity-50'
                    ]),

I am curious if this is how you resolved your issue or if it was a different problem entirely.

Lara Zeus•9mo ago

it is different one 🙂 the next button is not there at all in the html source. as for your issue glad you fixed it, but I think you dont need nextAction() just make sure your assets build is correct and you have the pathes in tailwind config

Scott•9mo ago

Thanks, Lara! I'll check my assets build, as you suggested. I want to make sure I don't have an overall problem. However, I think I need this for my situation anyways, so I could style the next button. Sorry this didn't help for your issue.

Gaming

Programming

wizard is not reactive