How to style each Repeater-Form item with a background color
Hey everyone 
I’m using Laravel + Filament + Livewire and I’m trying to improve the visual layout of my Repeater.
What I’m trying to achieve:
I want each item in the Repeater to have a background color (e.g., light gray), some padding, and rounded corners — like a "card" layout — to improve readability and visual separation.
What I’ve tried:
I’m using a standard Repeater inside a Filament form.
I tried adding classes using ->extraAttributes(['class' => 'bg-gray-100 p-4 rounded-xl']), but it only applies to the whole repeater instead of each item inside it.
What I’d like to see:
Each item in the repeater should look like a card: with spacing, background, and border radius.
Screenshots:
First screenshot: what I currently have (unstyled Repeater items)
Second screenshot: what I’d like to achieve (each item styled like a card)
I’m using Laravel + Filament + Livewire and I’m trying to improve the visual layout of my Repeater.
What I’m trying to achieve:I want each item in the Repeater to have a background color (e.g., light gray), some padding, and rounded corners — like a "card" layout — to improve readability and visual separation.
What I’ve tried:I’m using a standard Repeater inside a Filament form.
I tried adding classes using ->extraAttributes(['class' => 'bg-gray-100 p-4 rounded-xl']), but it only applies to the whole repeater instead of each item inside it.
What I’d like to see:Each item in the repeater should look like a card: with spacing, background, and border radius.
Screenshots:First screenshot: what I currently have (unstyled Repeater items)
Second screenshot: what I’d like to achieve (each item styled like a card)
