Custom card component in a form
Hey folks,
I'm trying to create the design from the attached image, more or less. I want to add cards like in the picture to a form.
The cards need to be selectable, and I want to have a small play button where users can preview the selection (it's audio), and once happy with it, click on the card and have it be selected.
The options for the cards would be coming from a table in the database. They're not a relationship, just hard-coded values in a table.
Do I need to create a Livewire component for this and then import it into the form? I'm assuming that's what needs to be done, but maybe there's an easier way.
I'm also fine with this being a js select, but I couldn't figure out how to add the play button before the options. I'm perfectly fine with this as well, as long as someone points me in the right direction of how to add the preview play button.
I'm trying to create the design from the attached image, more or less. I want to add cards like in the picture to a form.
The cards need to be selectable, and I want to have a small play button where users can preview the selection (it's audio), and once happy with it, click on the card and have it be selected.
The options for the cards would be coming from a table in the database. They're not a relationship, just hard-coded values in a table.
Do I need to create a Livewire component for this and then import it into the form? I'm assuming that's what needs to be done, but maybe there's an easier way.
I'm also fine with this being a js select, but I couldn't figure out how to add the play button before the options. I'm perfectly fine with this as well, as long as someone points me in the right direction of how to add the preview play button.
