PHP code example of northeastern-web / blade-components

1. Go to this page and download the library: Download northeastern-web/blade-components library. Choose the download type require.

2. Extract the ZIP file and open the index.php.

3. Add this code to the index.php.
    
        
<?php
require_once('vendor/autoload.php');

/* Start to develop here. Best regards https://php-download.com/ */

    

northeastern-web / blade-components example snippets



 
    if (!is_admin()) { 
        // Example using the Sage 10 package 
        // and Laravel to render a blade template for 'scripts'
        echo \Roots\view('kernl-ui::scripts')->render(); 
    } 

// bootstrap.php

use Northeastern\Blade\JigsawServiceProvider;
use TightenCo\Jigsaw\Jigsaw;

$events->beforeBuild(function (Jigsaw $jigsaw) {
    (new JigsawServiceProvider($jigsaw->app))->boot();
});

    $links = [
        [
            'label' => 'Our Programs',
            'url' => '/programs',
            // The `match` key is used to determine if top-level links should have the active state show. Uses Laravel's Str::is() helper under the hood, so wildcards or arrays of possible matches are allowed. If no active state should be shown, omit this key.
            'match' => '/programs*',
        ],
        [
            'label' => 'About',
            'url' => '/about',
            'match' => '/about*',
            'children' => [
                [
                    'label' => 'Careers',
                    'url' => '/about/careers',
                ],
                [
                    'label' => 'Staff',
                    'url' => '/about/staff',
                ],
            ],
        ],
    ];
    

    $megaMenuCta = [
        "title" => "Your Link Title",
        "url" => "https://yourlinkurl.com",
        "target" => "_blank"
    ]

$links = [
    [
        'text' => 'About',
        'href' => '/about', // (optional)
        'children' => [
            [
                'text' => 'Careers',
                'href' => '/about/careers',
            ],
            [
                'text' => 'Staff',
                'href' => '/about/staff',
            ],
        ],
    ],
    // ... More links
];

    $link = [
        'url' => 'https://www.google.com',
        'target' => '_blank'
    ]
blade
<x-kernl-tags.solid
    color="black|white|red|medium-gray|light-gray|blue|green|yellow"
    :pill="true|false"
    :uppercase="true|false"
>
    {{-- Content here --}}
</x-kernl-tags.solid>