extraAtributes([]) doesnt apply classes to Form Components

[thethunderturner]

protected function getFormSchema(): array
    {
        return [
            Grid::make()->schema([
                Section::make('Cache')
                    ->schema([
                        Toggle::make('enable_cache')
                            ->label($this->cacheEnabled ? 'Cache Enabled' : 'Cache Disabled')
                            ->disabled()
                            ->dehydrated()
                            ->extraAttributes([
                                'class' => 'align-self-center'
                            ]),
                        //...
                    ])
            ])
        ];
    }

My tailwind.config.js (theme)

import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

The class name is in my theme. I have run npm run build, yet still css is not applied.

[thethunderturner]

Reason: I want the class to be applied to the parent div of the toggle

Is there a way to do that?

I just want to center it and the label vertically in the div

[leandrocfe]

Maybe using a group as parent?

Group::make([
    Toggle::make('enable_cache'),
])->extraAttributes(['class' => 'align-self-center'])

You could also create a view layout with getChildComponentContainer
https://filamentphp.com/docs/3.x/forms/layout/custom#view-components

[SimonMacIntyre]

This actually did fix the problem for me, thanks! Although, I guess the original issue should be considered a bug.

[SimonMacIntyre]

Is this a bug? I'm also experiencing extraAttributes being ignored on my ViewField form component, trying to figure out if I'm doing something wrong...

Forms\Components\ViewField::make('test')
                    ->view('components.ui.icon')
                    ->extraAttributes([
                        'class' => 'w-6 h-6',
                    ], true)

I even tried adding a random other thing like `'style' => 'color: blue' but nothing shows up in the html at all regarding my attempts.

[agil3st]

@SimonMacIntyre Is this issue still persist on your end? or known as bug?
This is also happening on latest version ^4.1. I have followed this instruction but nothing changed

Filament read-only input:

TextInput::make('slug')
      ->label('Slug')
      ->required()
      ->unique('products', 'slug')
      ->readOnly()
      ->extraAttributes(['class' => 'bg-gray-200!'])
      ->extraInputAttributes(['class' => 'bg-gray-200!']),

Result:

Expected result: