Laravel components

component-example.php

<?php 

/*
 * $data = dataset mixed|array|string required
 * $title = component title string
 * $attributes html attributes
 * $view blade template optional
 * */

Html::component("component_name", "dash::components.test", ["data", 'title' => 'Title', "attributes" => [], 'view']);

component.blade.php

<aside class="panel {{ str_slug($title) }} {{ $attributes['class'] or "" }}">
<div class="panel-body">
<h4 class="h4 text-capitalize">{{ $title }}</h4>
<hr>
<!-- data -->
@foreach($data as $key => $item)
    <p class="">
        <span class="collection-key collection-key-{{ $key }}">{{ $key }} </span> {{ $item }}
    </p>
@endforeach
<!-- end -->
<!-- end -->

</div>
</aside>

components.php

<?php
/*
 * $data = dataset mixed|array|string
 * $title = component title string
 * $attributes html attributes
 * $view blade template optional
 * */



Html::component("panel", "dash::components.test", ["data", 'title' => 'Testing', "attributes" => [], 'view']);

Html::component("widget", "dash::components.widget", ["data", 'title' => 'Widgets', "attributes" => [], 'view']);

Html::component("list-panel", "dash::components.list-panel", ['data', 'title' => 'Data Panel', "attributes" => [], 'view']);

Html::component("data-table", "dash::components.data-table", ['data' => [], 'title' => 'Data Panel', "attributes" => [], 'view']);

Html::component("card", "dash::components.card", ['data', 'title' => 'Card', "attributes" => [], 'view']);

Html::component("story", "dash::components.story", ['data', 'title' => 'Story', "attributes" => [], 'view']);

Html::component("collection", "dash::components.collection", ['data', 'title' => 'Collection', "attributes" => [], 'view']);

Html::component("list-panel-collection", "dash::components.list-panel", ['data', 'title' => 'Data Panel', "attributes" => [], 'view']);

usage-example.blade.php

<!-- component -->
 
{{ Html::component( ["dog", "cat"], 'Component Title') }}