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:
  • 83 courses
  • 96 long-form tutorials
  • access to project repositories
  • access to private Discord

Recent New Courses