})]; }), 'html_code' => '<div role="toolbar" aria-label="toolbar" class="btn-toolbar"> <div role="group" aria-label="button-group" class="btn-group"> <button class="btn btn-default">Button 1</button> <button class="btn btn-default">Button 2</button> <button class="btn btn-default">Button 3</button> </div> <div role="group" aria-label="button-group" class="btn-group"> <button class="btn btn-default">Button 4</button> <button class="btn btn-default">Button 5</button> </div> </div>'], ['name' => 'Complex Button Toolbar', 'description' => 'You can specify additional options wich will be used for the button toolbar <code>div</code>.', 'php_code' => "echo BootHelp::button_toolbar(['id'=>'my-toolbar', 'class'=>'en'], function() {\n return [\n BootHelp::button_group(function(){\n return [\n BootHelp::button('Button 1'),\n BootHelp::button('Button 2'),\n BootHelp::button('Button 3')\n ];\n }),\n BootHelp::button_group(function(){\n return [\n BootHelp::button('Button 4'),\n BootHelp::button('Button 5')\n ];\n })\n ];\n});", 'result' => BootHelp::button_toolbar(['id' => 'my-toolbar', 'class' => 'en'], function () { return [BootHelp::button_group(function () { return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')]; }), BootHelp::button_group(function () { return [BootHelp::button('Button 4'), BootHelp::button('Button 5')]; })]; }), 'html_code' => '<div id="my-toolbar" role="toolbar" aria-label="toolbar" class="en btn-toolbar"> <div role="group" aria-label="button-group" class="btn-group"> <button class="btn btn-default">Button 1</button> <button class="btn btn-default">Button 2</button> <button class="btn btn-default">Button 3</button> </div> <div role="group" aria-label="button-group" class="btn-group"> <button class="btn btn-default">Button 4</button> <button class="btn btn-default">Button 5</button> </div> </div>']]]; /** * Button Toolbar samples. */
<code>"size"</code> option.', 'php_code' => "echo BootHelp::button_group(['size'=>'large'], function(){\n return [\n BootHelp::button('Button 1'),\n BootHelp::button('Button 2'),\n BootHelp::button('Button 3')\n ];\n});", 'result' => BootHelp::button_group(['size' => 'large'], function () { return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')]; }), 'html_code' => '<div role="group" aria-label="button-group" class="btn-group btn-group-lg"> <button class="btn btn-default">Button 1</button> <button class="btn btn-default">Button 2</button> <button class="btn btn-default">Button 3</button> </div>'], ['name' => 'Vertical variation', 'description' => 'Make a set of buttons appear vertically stacked rather than horizontally using <code>["vertical"=>true]</code> option.', 'php_code' => "echo BootHelp::button_group(['vertical'=>true], function(){\n return [\n BootHelp::button('Button 1'),\n BootHelp::button('Button 2'),\n BootHelp::button('Button 3')\n ];\n});", 'result' => BootHelp::button_group(['vertical' => true], function () { return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')]; }), 'html_code' => '<div role="group" aria-label="button-group" class="btn-group-vertical"> <button class="btn btn-default">Button 1</button> <button class="btn btn-default">Button 2</button> <button class="btn btn-default">Button 3</button> </div>'], ['name' => 'Justified Button Group', 'description' => 'Make a group of buttons stretch at equal sizes to span the entire width of its parent using <code>["justified"=>true]</code> option.', 'php_code' => "echo BootHelp::button_group(['justified'=>true], function(){\n return [\n BootHelp::button('Button 1'),\n BootHelp::button('Button 2'),\n BootHelp::button('Button 3')\n ];\n});", 'result' => BootHelp::button_group(['justified' => true], function () { return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')]; }), 'html_code' => '<div role="group" aria-label="button-group" class="btn-group btn-group-justified"> <button class="btn btn-default">Button 1</button> <button class="btn btn-default">Button 2</button> <button class="btn btn-default">Button 3</button> </div>'], ['name' => 'Complex Button Group', 'description' => 'You can specify additional options wich will be used for the button group <code>div</code>.', 'php_code' => "echo BootHelp::button_group(['id'=>'my-button-group', 'class'=>'en'], function(){\n return [\n BootHelp::button('Button 1'),\n BootHelp::button('Button 2'),\n BootHelp::button('Button 3')\n ];\n});", 'result' => BootHelp::button_group(['id' => 'my-button-group', 'class' => 'en'], function () { return [BootHelp::button('Button 1'), BootHelp::button('Button 2'), BootHelp::button('Button 3')]; }), 'html_code' => '<div id="my-button-group" role="group" aria-label="button-group" class="en btn-group"> <button class="btn btn-default">Button 1</button> <button class="btn btn-default">Button 2</button> <button class="btn btn-default">Button 3</button> </div>']]]; /** * ButtonGroup samples. */ echo new Sample($button_groups);