Select All Items in a Dropdown Select

By: Lara Zeus

Published: 15 Apr 2024 Updated: 04 May 2024

Let Users to Select All Options with a Simple Hint Action

When you have a dropdown select with multi select options, you can add a hint action to easily select all options at once.

and this is how you can do it:

1->hintAction(fn (Select $component) => Action::make('select all')
2	->action(fn () => $component->state(ServiceCenter::pluck('id')->toArray()))
3)

Back to Tricks

Usability: Knowing whether or not the record was saved.

Trigger hint action on hover

toggle the visibility of an action when hover the component

Use translatable for relations in select components

get translatable attribute in a relationships

Attach custom forms to any model

Form Builder lets you build dynamic, versioned forms in Filament and attach them to any model. Responses are stored in JSON with zero boilerplate.

Make components globally translatable

Translating components can often be a repetitive task, Fortunately, there's a neat trick to automate this process, making your components instantly translatable.