FilamentF
Filament•8mo ago
reppair

Adding a note on top of a form

I am trying to show a small note section / card on top of the form to create a resource record. Section form component works great, but I can't disable the bottom part where the fields are supposed to go.

I've been looking up the docs for a while, if there is something sutable, I can't find it.

Any suggestion on how to handle this?
Screenshot_2025-05-24_at_10.15.25.png
Solution
I don't want to be manually styling and setting views for it either. So here is what I came up with. It is not ideal but it does the trick.

  1. Publish the section.index view form the support components provider
  2. Publish the components.section view from from filament forms provider.
  3. In the section.index checl if the component has a schema and pass it to the form section component <x-filament::section :has-components="(bool) $getChildComponentContainer()->getFlatComponents()" ... />
  4. Accept the property in the section component @props(['hasComponents' => false, ...]) and use it in few of the checks to disable the click event listener, cursor style and the chevron trigger button.
Then use it like usal, wiht defining a schema for it.

Section::make('Please note')
    ->description('Some wise description')
    ->icon('heroicon-o-information-circle')
    ->collapsible()
    ->collapsed(),


What do you think?
Jump to solution
Was this page helpful?