Ad

How Can I Customize The Log Out In Laravel 8 Using Breeze?

- 1 answer

I'm using tailwind, Laravel 8 and Breeze. After installing Breeze I would like to customize (change size, color and text) the log out button but I have no idea how to do that.

Here is the code :

<form method="POST" action="{{ route('logout') }}">

                        @csrf

    <x-dropdown-link :href="route('logout')"
           onclick="event.preventDefault();
     .closest('form').submit();">
     {{ __('Log Out') }}
     </x-dropdown-link>
</form>

and the auth.php

Route::post('/logout', [AuthenticatedSessionController::class, 'destroy'])
            ->middleware('auth')
            ->name('logout');

Thanks for your help

Ad

Answer

To begin, you should be aware that the dropdown-link is rendered using a component. When you alter the components, it may affect all pages that use that component.

You can modify that component in this file:
resources/views/components/dropdown-link.blade.php

enter image description here

Ad
source: stackoverflow.com
Ad