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">

--

--

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