Blade components props

// button.blade.php
@props(['rounded' => false])
 
<button {{ $attributes->class([
'bg-red-100 text-red-800',
'rounded' => $rounded
]) }}>
{{ $slot }}
</button>
 
// view.blade.php
// Non-rounded:
<x-button>Submit</x-button>
 
// Rounded:
<x-button rounded>Submit</x-button>

Tip given by @godismyjudge95

Like our articles?

Become a Premium Member for $129/year or $29/month
What else you will get:
  • 59 courses (1057 lessons, total 42 h 44 min)
  • 79 long-form tutorials (one new every week)
  • access to project repositories
  • access to private Discord

Recent Premium Tutorials