Anonymous Blade Components

<div class="card">
<div class="card-body">
This is some text within a card body.
</div>
</div>
<x-card></x-card>
<div class=”card”>
<div class=”card-body”>
{{$slot}}
</div>
</div>
<x-card>This is some text within a card body.</x-card>
<div class="card">
<div class="card-header">
Card Title
</div>
<div class="card-body">
{{$slot}}
</div>
</div>
<div class="card">
<div class="card-header">
{{ $title }}
</div>
<div class="card-body">
{{$slot}}
</div>
</div>
<x-card>
<x-slot name="title">Card Header</x-slot>
This is some text within a card body.
</x-card>
<x-card class="w-25" id="some-id-for-card">
<x-slot name="title">Title</x-slot>
This is some text within a card body.
</x-card>
<div {{$attributes->merge(['class' => 'card']) }}>
<div class="card-header">
{{ $title }}
</div>
<div class="card-body">
{{$slot}}
</div>
</div>
<div class="card w-25" id="some-id-for-card">
@props(['footer']);<div {{$attributes->merge(['class' => 'card']) }}>
<div class="card-header">
{{ $title }}
</div>
<div class="card-body">
{{$slot}}
</div>
<div class="card-footer text-muted">
{{$footer}}
</div>
</div>
@props([‘footer’ => ‘Default Value’]);
<x-card class="w-25" id="some-id-for-card" footer="Footer Text">
<x-slot name="title">Title</x-slot>
This is some text within a card body.
</x-card>
<x-card class="w-25" id="some-id-for-card" :footer="$footer">

--

--

--

Freelancer Developer.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Closures in JavaScript for Beginners

14 String Useful Methods in JavaScript

NumPy 2D array

What the Crypto Market looks like ? — An interactive d3.js Bubble Chart

Top 5 Visual Studio Code Tips and Features

Playwright CLI: A simple recipe to get started with browser automation

React Native Optimisation: A Guide

How to Install Angular on windows — Step by step

How to Install Angular on windows - Step by step

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Saurabh Mahajan

Saurabh Mahajan

Freelancer Developer.

More from Medium

How to write raw sql query migration in laravel ?

The basics of creating a website using Hacklang+HHVM

How to create CRUD operation with CodeIgniter 4 and React JS

Install JQuery on Laravel 6.*, 7.* and 8.*