F
Filament•15mo ago
Lara Zeus

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
Scott•15mo 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
Scott•15mo ago
No description
Scott
Scott•15mo 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
Lara ZeusOP•15mo 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
Scott•15mo 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.

Did you find this page helpful?