Filament•2mo ago

tag component with colors?

hi any component to achieve this (attached image)?, so i can have diff color depending of the status (field on my db). any tip will be very appreciated, thank you

Solution:

use a ViewField ```php ViewField::make('status') ->view('custom-status')...

Jump to solution

6 Replies

LeandroFerreira•2mo ago

maybe a badge ?

Badge Blade component - Core Concepts - Filament

agaitan026OP•2mo ago

how i can put that in my code? return $form ->schema([ TextInput::make('status') ->label('Status'), right now i have it as text input

Solution

LeandroFerreira•2mo ago

use a ViewField

ViewField::make('status')
    ->view('custom-status')

ViewField::make('status')
    ->view('custom-status')

<!-- resources/views/custom-status.blade.php -->
<div>
    <x-filament::badge color="{{ $getState() === 'active' ? 'success' : 'danger' }}">
        {{ $getState() }}
    </x-filament::badge>
</div>

<!-- resources/views/custom-status.blade.php -->
<div>
    <x-filament::badge color="{{ $getState() === 'active' ? 'success' : 'danger' }}">
        {{ $getState() }}
    </x-filament::badge>
</div>

agaitan026OP•2mo ago

works good, how i can align that better? like the other fields

LeandroFerreira•2mo ago

You can create a custom theme and customize the css using tailwind classes to achieve what you need

Themes - Panel Builder - Filament

agaitan026OP•2mo ago

got it, everytime i use viewfield i need a custom theme thank you

Gaming

Programming

tag component with colors?