CODEWITHSUNDEEP
csslaravelfont-awesomelaravel-form
ignite-me
ignite-me

Reputation: 778

Using Font Awesome in Laravel's Forms Submit button?

I have the following form that works as a 'Delete' button.

{{ Form::open(['method' => 'DELETE', 'route' => ['notes.delete', $note->user->id]]) }}
{{ Form::submit('Delete', ['class' => 'btn btn-warning btn-sm']) }}
{{ Form::close() }}

Is there a way to replace the "Delete" button text with a Font Awesome icon? I tried changing it to:

{{ Form::submit('<i class="fa fa-minus-circle" aria-hidden="true"></i>', ['class' => 'btn btn-warning btn-sm']) }}

However, it does not display the icon, but just the raw version of HTML code - <i class="fa fa-minus-circle" aria-hidden="true"></i>. Is there a way to use Font Awesome with Laravel forms?

Upvotes: 2

Views: 3206

Answers (1)

Rahi
Rahi

Reputation: 1485

When you use Form::submit, the contents are always escaped. You can use Form::button instead, which does not escape the content. 

{{ Form::button('<i class="fa fa-minus-circle" aria-hidden="true"></i>', ['class' => 'btn btn-warning btn-sm', 'type' => 'submit']) }}

Important to notice here is 'type' => 'submit' added after class.

Upvotes: 10

Related Questions