New components

Author: Gijs Jorissen

config/bootstrap-components.php

@@ -2,7 +2,12 @@
 
 return [
 
- // Bootstrap version
+ /*
+ |--------------------------------------------------------------------------
+ | Bootstrap version
+ |--------------------------------------------------------------------------
+ */
 
  'version' => 4,
+
 ];

resources/views/bs4/badge.blade.php

@@ -0,0 +1,10 @@
+<span
+ class="
+ badge
+ badge-{{ $severity }}
+ {{ $class or '' }}
+ @istrue($pill, 'badge-pill')
+ "
+>
+ {{ $slot }}
+</span>

resources/views/bs4/breadcrumb.blade.php

@@ -0,0 +1,3 @@
+<ol class="breadcrumb {{ $class or '' }}">
+ {{ $slot }}
+</ol>

resources/views/bs4/carousel.blade.php

@@ -0,0 +1,35 @@
+<div id="{{ $id or 'carousel' }}" class="carousel slide {{ $class or '' }}" data-ride="carousel">
+ @istrue($indicators)
+ <ol class="carousel-indicators">
+ @isset($items)
+ @foreach($items as $item)
+ <li data-target="#{{ $id or 'carousel' }}" data-slide-to="{{ $loop->index }}"></li>
+ @endforeach
+ @else
+ {{ $indicators }}
+ @endisset
+ </ol>
+ @endistrue
+
+ <div class="carousel-inner" role="listbox">
+ @isset($items)
+ @foreach($items as $item)
+ <div class="carousel-item @istrue($loop->first, 'active')">{{ $item }}</div>
+ @endforeach
+ @endisset
+
+ {{ $slot }}
+ </div>
+
+ @istrue($controls)
+ <a class="carousel-control-prev" href="#{{ $id or 'carousel' }}" role="button" data-slide="prev">
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+ <span class="sr-only">Previous</span>
+ </a>
+
+ <a class="carousel-control-next" href="#{{ $id or 'carousel' }}" role="button" data-slide="next">
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
+ <span class="sr-only">Next</span>
+ </a>
+ @endistrue
+</div>

resources/views/bs4/jumbotron.blade.php

@@ -4,17 +4,13 @@ class="jumbotron
  @istrue($fullwidth, 'jumbotron-fluid')
  "
 >
- @istrue($fullwidth)
- <div class="container">
- @endistrue
+ @istrue($fullwidth, '<div class="container">')
 
  @isset($heading)
  <h1 class="display-3">{{ $heading }}</h1>
  @endisset
 
-  {{ $slot }}
+ {{ $slot }}
 
- @istrue($fullwidth)
- </div>
- @endistrue
+ @istrue($fullwidth, '</div>')
 </div>