Color Columns

Color columns provide an easy way to a Color in a Column

You may pass either pass a CSS-compliant colour as a field

1ColorColumn::make('Favourite Colour', 'favourite_color'),

Or you may use a Callback

1ColorColumn::make('Favourite Colour')
2 ->color(
3 function ($row) {
4 if ($row->success_rate < 40)
5 {
6 return '#ff0000';
7 }
8 else if ($row->success_rate > 90)
9 {
10 return '#008000';
11 }
12 else return '#ffa500';
13 
14 }
15 ),

You may also specify attributes to use on the div displaying the color, to adjust the size or appearance, this receives the full row. By default, this will replace the standard classes, to retain them, set "default" to true. To then over-ride, you should prefix your classes with "!" to signify importance.

1ColorColumn::make('Favourite Colour')
2 ->attributes(function ($row) {
3 return [
4 'class' => '!rounded-lg self-center',
5 'default' => true,
6 ];
7 }),

Please also see the following for other available methods: