PHP code example of rapidez / blade-components

1. Go to this page and download the library: Download rapidez/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/ */

rapidez / blade-components example snippets


Route::view('components', 'rapidez::components-preview');

js
colors: {
    colors: {
        primary: {
            DEFAULT: color('--primary', '#2FBC85'),
            text: color('--primary-text', colors.white),
        },
        secondary: {
            DEFAULT: color('--secondary', '#202F60'),
            text: color('--secondary-text', colors.white),
        },
        conversion: {
            DEFAULT: color('--conversion', '#36B422'),
            text: color('--conversion-text', colors.white),
        },
        foreground: {
            emphasis: color('--foreground-emphasis', colors.slate[900]),
            DEFAULT: color('--foreground', colors.slate[800]),
            muted: color('--foreground-muted', colors.slate[600]),
        },
        border: {
            emphasis: color('--border-emphasis', colors.slate[400]),
            DEFAULT: color('--border', colors.slate[300]),
            muted: color('--border-muted', colors.slate[100]),
        },
        background: {
            emphasis: color('--background-emphasis', colors.slate[200]),
            DEFAULT: color('--background', colors.slate[100]),
            muted: color('--background-muted', colors.slate[50]),
        },
        backdrop: color('--backdrop', 'rgba(0, 0, 0, 0.4)'),
    },
    zIndex: {
        'slideover': '120',
        'slideover-overlay': '10',
        'slideover-sidebar': '20',
    },
    textColor: (theme) => theme('colors.foreground'),
    borderColor: (theme) => ({
        default: theme('colors.border'),
        ...theme('colors.border'),
    }),
    backgroundColor: (theme) => theme('colors.background'),
    ringColor: (theme) => ({
        default: theme('colors.border'),
        ...theme('colors.border'),
    }),
    outlineColor: (theme) => ({
        default: theme('colors.border'),
        ...theme('colors.border'),
    }),
}


php artisan vendor:publish --tag=rapidez-blade-components-views


php artisan vendor:publish --tag=rapidez-blade-components-views