PHP code example of beastbytes / yii2-csswidgets

    
        
<?php
require_once('vendor/autoload.php');

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

    

beastbytes / yii2-csswidgets example snippets

<?= Accordion::widget([
    'options' => [
        'single' => false // allow sections to be opened/closed individually. TRUE menas only one open section at a time
     ],
    'items' => [
        [
            'header' => 'Section 1 Header',
            'content' => 'Aliquam ultricies ac velit eget rhoncus. Vestibulum eu nisi pulvinar, aliquam tortor ut, consectetur ex. Suspendisse bibendum euismod erat, in dictum felis posuere non. Nunc ornare lacus at sem mollis, et tempus tortor varius. Praesent placerat egestas turpis. Integer luctus auctor facilisis. Suspendisse sed tristique augue, vitae ornare ante. Quisque commodo leo turpis. Ut dictum feugiat dui ut elementum.'
        ],
        [
            'header' => 'Section 2 Header',
            'content' => 'Sed a risus ac tellus dapibus consequat a id orci. Pellentesque mollis finibus tellus ac aliquam. Etiam rutrum nunc eu egestas fringilla. Nam scelerisque odio ac risus cursus, sed mollis sem dapibus. Nunc vel imperdiet ipsum, eu porta ipsum. Aenean augue massa, efficitur vitae blandit vel, accumsan eu ipsum.'
        ],
        [
            'header' => 'Section 3 Header',
            'content' => 'Aenean hendrerit dolor ut venenatis molestie. Mauris viverra vulputate tortor sit amet mollis. Etiam sit amet mi eget lectus dictum congue ac sed orci. Sed ultrices orci mi, at vulputate enim finibus pellentesque. Proin metus sem, tincidunt ac erat sed, auctor feugiat arcu.'
        ]
    ]
]) 

<?= Modal::widget([
    'label' => 'Click/Tap for more info', // the modal becomes visible when this text is clicked/tapped
    'title' => 'Lorem Ipsum',
    'content' => '<p>Aenean hendrerit dolor ut venenatis molestie. Mauris viverra vulputate tortor sit amet mollis. Etiam sit amet mi eget lectus dictum congue ac sed orci.</p><p>Sed a risus ac tellus dapibus consequat a id orci. Pellentesque mollis finibus tellus ac aliquam. Etiam rutrum nunc eu egestas fringilla. Nam scelerisque odio ac risus cursus, sed mollis sem dapibus. Nunc vel imperdiet ipsum, eu porta ipsum. Aenean augue massa, efficitur vitae blandit vel, accumsan eu ipsum.</p><p>Aenean hendrerit dolor ut venenatis molestie. Mauris viverra vulputate tortor sit amet mollis. Etiam sit amet mi eget lectus dictum congue ac sed orci. Sed ultrices orci mi, at vulputate enim finibus pellentesque. Proin metus sem, tincidunt ac erat sed, auctor feugiat arcu.</p>'
]) 

<?= Tabs::widget([
    'items' => [
       [
            'label' => 'Tab 1',
            'content' => 'Aliquam ultricies ac velit eget rhoncus. Vestibulum eu nisi pulvinar, aliquam tortor ut, consectetur ex. Suspendisse bibendum euismod erat, in dictum felis posuere non. Nunc ornare lacus at sem mollis, et tempus tortor varius. Praesent placerat egestas turpis. Integer luctus auctor facilisis. Suspendisse sed tristique augue, vitae ornare ante. Quisque commodo leo turpis. Ut dictum feugiat dui ut elementum. Ut orci lorem, luctus a tincidunt a, faucibus sit amet ligula. Quisque venenatis sed urna eu placerat. Nullam cursus purus erat, id ullamcorper lacus viverra a. Sed ac volutpat ipsum, ac blandit libero. Sed at neque at nunc iaculis bibendum. Nam faucibus pellentesque imperdiet. Maecenas leo tellus, cursus nec nunc non, imperdiet pretium neque.'
        ],
        [
            'label' => 'Tab 2',
            'content' => 'Sed a risus ac tellus dapibus consequat a id orci. Pellentesque mollis finibus tellus ac aliquam. Etiam rutrum nunc eu egestas fringilla. Nam scelerisque odio ac risus cursus, sed mollis sem dapibus. Nunc vel imperdiet ipsum, eu porta ipsum. Aenean augue massa, efficitur vitae blandit vel, accumsan eu ipsum.'
        ],
        [
            'label' => 'Tab 3',
            'content' => 'Maecenas eu ultrices magna. Ut neque elit, eleifend congue egestas vitae, sodales nec orci. Phasellus in nibh lectus. Etiam nec libero leo. Proin blandit sed nisl nec sollicitudin. Vestibulum sit amet nisi erat. Aenean dolor tortor, tincidunt ac ornare a, semper non diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce at pharetra dui. In a leo eget ex blandit sagittis. Integer ante nunc, porta nec sollicitudin ultrices, porta vel libero. Cras faucibus gravida nunc at imperdiet. Etiam tincidunt finibus dolor, sit amet semper odio tincidunt eu.'
        ]
    ]
]);