Nou Generator de prompt AI — scrie prompturi mai bune pentru ChatGPT, Claude și Gemini →
dexblog.ro
Acces rapid: Învață AI Învață Programare Specificații Dispozitive Comparații
LARAVEL Toate comenzile Laravel

Componente Moderne Blade (<x-component />) și Directiva @props în Laravel

blade Laravel 11.x / Blade Q&A / Distribuie cod

Construirea de componente UI reutilizabile, modulare și declarative în stilul bibliotecilor moderne de frontend (React / Vue).

Sintaxă 
<x-alert type="danger" :message="$error" /> / @props(['type' => 'info'])

Începând cu versiunile recente, Laravel recomandă utilizarea Componentelor Blade bazate pe taguri HTML personalizate: <x-nume-componenta />.

Directiva @props(['type' => 'info']) declară proprietățile acceptate și valorile implicite, iar conținutul intern este injectat automat prin variabila specială {{ $slot }}.

Exemplu: Componentă Blade reutilizabilă pentru alerte
{{-- resources/views/components/alert.blade.php --}}
@props(['type' => 'info'])

<div class="alert alert-{{ $type }}" role="alert">
    {{ $slot }}
</div>

{{-- Utilizare în orice pagină Blade: --}}
<x-alert type="success">
    <strong>Felicitări!</strong> Modificările au fost salvate.
</x-alert>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Componente Moderne Blade (<x-component />) și Directiva @props

Ai o nelămurire despre utilizarea comenzii Componente Moderne Blade (<x-component />) și Directiva @props sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.