#Introduction
The color column allows you to show the color preview from a CSS color definition, typically entered using the color picker field, in one of the supported formats (HEX, HSL, RGB, RGBA).
use Filament\Tables\Columns\ColorColumn;
ColorColumn::make('color')
#Allowing the color to be copied to the clipboard
You may make the color copyable, such that clicking on the preview copies the CSS value to the clipboard, and optionally specify a custom confirmation message and duration in milliseconds. This feature only works when SSL is enabled for the app.
use Filament\Tables\Columns\ColorColumn;
ColorColumn::make('color')
->copyable()
->copyMessage('Copied!')
->copyMessageDuration(1500)
Optionally, you may pass a boolean value to control if the text should be copyable or not:
use Filament\Tables\Columns\ColorColumn;
ColorColumn::make('color')
->copyable(FeatureFlag::active())
As well as allowing static values, the copyable(), copyMessage(), and copyMessageDuration() methods also accept functions to dynamically calculate them. You can inject various utilities into the function as parameters.
copyable(), copyMessage(), and copyMessageDuration() methods also accept functions to dynamically calculate them. You can inject various utilities into the function as parameters.-
Column
$columnFilament\Tables\ Columns\ Column The current column instance.
-
Livewire
$livewireLivewire\Component The Livewire component instance.
-
Eloquent record
$recordIlluminate\Database\ Eloquent\ Model|array<string, mixed>|null The Eloquent record or custom data array for the current table row.
-
Related record
$relatedRecordIlluminate\Database\ Eloquent\ Model The current related Eloquent record for the rendered item.
-
Row loop
$rowLoopstdClass The row loop object for the current table row.
-
State
$statemixed The current value of the column, based on the current table row.
-
Table
$tableFilament\Tables\ Table The current table instance.
#Wrapping multiple color blocks
Color blocks can be set to wrap if they can't fit on one line, by setting wrap():
use Filament\Tables\Columns\ColorColumn;
ColorColumn::make('color')
->wrap()
