PHP OOUI\PanelLayout примеры использования

Пример #1

Файл: OOUIHTMLForm.php Проект: Acidburn0zzz/mediawiki

 protected function wrapFieldSetSection($legend, $section, $attributes)
 {
     // to get a user visible effect, wrap the fieldset into a framed panel layout
     $layout = new OOUI\PanelLayout(array('expanded' => false, 'padded' => true, 'framed' => true, 'infusable' => false));
     $layout->appendContent(new OOUI\FieldsetLayout(array('label' => $legend, 'infusable' => false, 'items' => array(new OOUI\Widget(array('content' => new OOUI\HtmlSnippet($section))))) + $attributes));
     return $layout;
 }

Пример #2

Файл: widgets.php Проект: oojs/oojs-ui

<?php

if (!defined('OOUI_DEMOS')) {
    header('Location: ../demos.php');
    exit;
}
$demoContainer = new OOUI\PanelLayout(['expanded' => false, 'padded' => true, 'framed' => true]);
$demoContainer->addClasses(['oo-ui-demo-container']);
$styles = [[], ['flags' => ['progressive']], ['flags' => ['constructive']], ['flags' => ['destructive']], ['flags' => ['primary', 'progressive']], ['flags' => ['primary', 'constructive']], ['flags' => ['primary', 'destructive']]];
$states = [['label' => 'Button'], ['label' => 'Button', 'icon' => 'tag'], ['label' => 'Button', 'icon' => 'tag', 'indicator' => 'down'], ['icon' => 'tag', 'title' => "Title text"], ['indicator' => 'down'], ['icon' => 'tag', 'indicator' => 'down'], ['label' => 'Button', 'disabled' => true], ['icon' => 'tag', 'title' => "Title text", 'disabled' => true], ['indicator' => 'down', 'disabled' => true]];
$buttonStyleShowcaseWidget = new OOUI\Widget();
$table = new OOUI\Tag('table');
foreach ($styles as $style) {
    $tableRow = new OOUI\Tag('tr');
    foreach ($states as $state) {
        $tableCell = new OOUI\Tag('td');
        $tableCell->appendContent(new OOUI\ButtonWidget(array_merge($style, $state, ['infusable' => true])));
        $tableRow->appendContent($tableCell);
    }
    $table->appendContent($tableRow);
}
$buttonStyleShowcaseWidget->appendContent($table);
$demoContainer->appendContent(new OOUI\FieldsetLayout(['infusable' => true, 'label' => 'Simple buttons', 'items' => [new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Normal']), ['label' => "ButtonWidget (normal)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Progressive', 'flags' => ['progressive']]), ['label' => "ButtonWidget (progressive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Constructive', 'flags' => ['constructive']]), ['label' => "ButtonWidget (constructive, deprecated)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Destructive', 'flags' => ['destructive']]), ['label' => "ButtonWidget (destructive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Primary progressive', 'flags' => ['primary', 'progressive']]), ['label' => "ButtonWidget (primary, progressive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Primary constructive', 'flags' => ['primary', 'constructive']]), ['label' => "ButtonWidget (primary, constructive, deprecated)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Primary destructive', 'flags' => ['primary', 'destructive']]), ['label' => "ButtonWidget (primary, destructive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Disabled', 'disabled' => true]), ['label' => "ButtonWidget (disabled)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Progressive', 'flags' => ['progressive'], 'disabled' => true]), ['label' => "ButtonWidget (progressive, disabled)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Progressive', 'icon' => 'tag', 'flags' => ['progressive'], 'disabled' => true]), ['label' => "ButtonWidget (progressive, icon, disabled)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Icon', 'icon' => 'tag']), ['label' => "ButtonWidget (icon)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Icon', 'icon' => 'tag', 'flags' => ['progressive']]), ['label' => "ButtonWidget (icon, progressive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Indicator', 'indicator' => 'down']), ['label' => "ButtonWidget (indicator)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'Indicator', 'indicator' => 'down', 'flags' => ['progressive']]), ['label' => "ButtonWidget (indicator, progressive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['framed' => false, 'icon' => 'help', 'title' => 'Icon only']), ['label' => "ButtonWidget (icon only)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['framed' => false, 'icon' => 'tag', 'label' => 'Labeled']), ['label' => "ButtonWidget (frameless)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['framed' => false, 'flags' => ['progressive'], 'icon' => 'check', 'label' => 'Progressive']), ['label' => "ButtonWidget (frameless, progressive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['framed' => false, 'flags' => ['destructive'], 'icon' => 'remove', 'label' => 'Destructive']), ['label' => "ButtonWidget (frameless, destructive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['framed' => false, 'flags' => ['constructive'], 'icon' => 'add', 'label' => 'Constructive']), ['label' => "ButtonWidget (frameless, constructive)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['framed' => false, 'icon' => 'tag', 'label' => 'Disabled', 'disabled' => true]), ['label' => "ButtonWidget (frameless, disabled)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['framed' => false, 'flags' => ['constructive'], 'icon' => 'tag', 'label' => 'Constructive', 'disabled' => true]), ['label' => "ButtonWidget (frameless, constructive, disabled)‎", 'align' => 'top']), new OOUI\FieldLayout(new OOUI\ButtonWidget(['label' => 'AccessKeyed', 'accessKey' => 'k']), ['label' => "ButtonWidget (with accesskey k)‎", 'align' => 'top'])]]));
$demoContainer->appendContent(new OOUI\FieldsetLayout(['infusable' => true, 'label' => 'Button sets', 'items' => [new OOUI\FieldLayout(new OOUI\ButtonGroupWidget(['items' => [new OOUI\ButtonWidget(['icon' => 'tag', 'label' => 'One']), new OOUI\ButtonWidget(['label' => 'Two']), new OOUI\ButtonWidget(['indicator' => 'required', 'label' => 'Three'])]]), ['label' => 'ButtonGroupWidget', 'align' => 'top'])]]));
# Note that $buttonStyleShowcaseWidget is not infusable,
# because the contents would not be preserved -- we assume
# that widgets will manage their own contents by default,
# but here we've manually appended content to the widget.
# If we embed it in an infusable FieldsetLayout, it will be
# (recursively) made infusable.  We protect the FieldLayout
# by wrapping it with a new <div> Tag, so that it won't get

Пример #3

Файл: widgets.php Проект: Sedles/WikiToLearn

.css">
</head>
<body class="oo-ui-<?php 
echo $direction;
?>
">
	<div class="oo-ui-demo">
		<div class="oo-ui-demo-menu">
			<?php 
echo new OOUI\ButtonGroupWidget(array('infusable' => true, 'items' => array(new OOUI\ButtonWidget(array('id' => 'theme-mediawiki', 'label' => 'MediaWiki', 'data' => 'mediawiki', 'href' => '?' . http_build_query(array_merge($query, array('theme' => 'mediawiki'))))), new OOUI\ButtonWidget(array('id' => 'theme-apex', 'label' => 'Apex', 'data' => 'apex', 'href' => '?' . http_build_query(array_merge($query, array('theme' => 'apex'))))))));
echo new OOUI\ButtonGroupWidget(array('infusable' => true, 'items' => array(new OOUI\ButtonWidget(array('label' => 'Mixed', 'href' => '?' . http_build_query(array_merge($query, array('graphic' => 'mixed'))))), new OOUI\ButtonWidget(array('label' => 'Vector', 'href' => '?' . http_build_query(array_merge($query, array('graphic' => 'vector'))))), new OOUI\ButtonWidget(array('label' => 'Raster', 'href' => '?' . http_build_query(array_merge($query, array('graphic' => 'raster'))))))));
echo new OOUI\ButtonGroupWidget(array('infusable' => true, 'items' => array(new OOUI\ButtonWidget(array('label' => 'LTR', 'href' => '?' . http_build_query(array_merge($query, array('direction' => 'ltr'))))), new OOUI\ButtonWidget(array('label' => 'RTL', 'href' => '?' . http_build_query(array_merge($query, array('direction' => 'rtl'))))))));
?>
		</div>
		<?php 
$demoContainer = new OOUI\PanelLayout(array('expanded' => false, 'padded' => true, 'framed' => true));
$demoContainer->addClasses(array('oo-ui-demo-container'));
$styles = array(array(), array('flags' => array('progressive')), array('flags' => array('constructive')), array('flags' => array('destructive')), array('flags' => array('primary', 'progressive')), array('flags' => array('primary', 'constructive')), array('flags' => array('primary', 'destructive')));
$states = array(array('label' => 'Button'), array('label' => 'Button', 'icon' => 'tag'), array('label' => 'Button', 'icon' => 'tag', 'indicator' => 'down'), array('icon' => 'tag', 'title' => "Title text"), array('indicator' => 'down'), array('icon' => 'tag', 'indicator' => 'down'), array('label' => 'Button', 'disabled' => true), array('icon' => 'tag', 'title' => "Title text", 'disabled' => true), array('indicator' => 'down', 'disabled' => true));
$buttonStyleShowcaseWidget = new OOUI\Widget();
foreach ($styles as $style) {
    foreach ($states as $state) {
        $buttonStyleShowcaseWidget->appendContent(new OOUI\ButtonWidget(array_merge($style, $state, array('infusable' => true))));
    }
    $buttonStyleShowcaseWidget->appendContent(new OOUI\HtmlSnippet('<br />'));
}
$horizontalAlignmentWidget = new OOUI\Widget(array('classes' => array('oo-ui-demo-horizontal-alignment')));
# Adding content after the fact does not play well with
# infusability.  We should be using a proper Layout here.
$horizontalAlignmentWidget->appendContent(new OOUI\ButtonWidget(array('label' => 'Button')), new OOUI\ButtonGroupWidget(array('items' => array(new OOUI\ButtonWidget(array('label' => 'A')), new OOUI\ButtonWidget(array('label' => 'B'))))), new OOUI\ButtonInputWidget(array('label' => 'ButtonInput')), new OOUI\TextInputWidget(array('value' => 'TextInput')), new OOUI\DropdownInputWidget(array('options' => array(array('label' => 'DropdownInput', 'data' => null)))), new OOUI\CheckboxInputWidget(array('selected' => true)), new OOUI\RadioInputWidget(array('selected' => true)), new OOUI\LabelWidget(array('label' => 'Label')));
$demoContainer->appendContent(new OOUI\FieldsetLayout(array('infusable' => true, 'label' => 'Simple buttons', 'items' => array(new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Normal')), array('label' => "ButtonWidget (normal)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Progressive', 'flags' => array('progressive'))), array('label' => "ButtonWidget (progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Constructive', 'flags' => array('constructive'))), array('label' => "ButtonWidget (constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Destructive', 'flags' => array('destructive'))), array('label' => "ButtonWidget (destructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Primary progressive', 'flags' => array('primary', 'progressive'))), array('label' => "ButtonWidget (primary, progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Primary constructive', 'flags' => array('primary', 'constructive'))), array('label' => "ButtonWidget (primary, constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Primary destructive', 'flags' => array('primary', 'destructive'))), array('label' => "ButtonWidget (primary, destructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Disabled', 'disabled' => true)), array('label' => "ButtonWidget (disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Constructive', 'flags' => array('constructive'), 'disabled' => true)), array('label' => "ButtonWidget (constructive, disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Constructive', 'icon' => 'tag', 'flags' => array('constructive'), 'disabled' => true)), array('label' => "ButtonWidget (constructive, icon, disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Icon', 'icon' => 'tag')), array('label' => "ButtonWidget (icon)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Icon', 'icon' => 'tag', 'flags' => array('progressive'))), array('label' => "ButtonWidget (icon, progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Indicator', 'indicator' => 'down')), array('label' => "ButtonWidget (indicator)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Indicator', 'indicator' => 'down', 'flags' => array('constructive'))), array('label' => "ButtonWidget (indicator, constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'icon' => 'help', 'title' => 'Icon only')), array('label' => "ButtonWidget (icon only)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'icon' => 'tag', 'label' => 'Labeled')), array('label' => "ButtonWidget (frameless)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('progressive'), 'icon' => 'check', 'label' => 'Progressive')), array('label' => "ButtonWidget (frameless, progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('destructive'), 'icon' => 'remove', 'label' => 'Destructive')), array('label' => "ButtonWidget (frameless, destructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('constructive'), 'icon' => 'add', 'label' => 'Constructive')), array('label' => "ButtonWidget (frameless, constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'icon' => 'tag', 'label' => 'Disabled', 'disabled' => true)), array('label' => "ButtonWidget (frameless, disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('constructive'), 'icon' => 'tag', 'label' => 'Constructive', 'disabled' => true)), array('label' => "ButtonWidget (frameless, constructive, disabled)‎", 'align' => 'top'))))));

Пример #4

Файл: widgets.php Проект: MediaWiki-stable/1.26.1

</head>
<body class="oo-ui-<?php 
echo $direction;
?>
">
	<div class="oo-ui-demo">
		<div class="oo-ui-demo-menu">
			<?php 
echo new OOUI\ButtonGroupWidget(array('infusable' => true, 'items' => array(new OOUI\ButtonWidget(array('label' => 'MediaWiki', 'href' => '?' . http_build_query(array_merge($query, array('theme' => 'mediawiki'))))), new OOUI\ButtonWidget(array('label' => 'Apex', 'href' => '?' . http_build_query(array_merge($query, array('theme' => 'apex'))))))));
echo new OOUI\ButtonGroupWidget(array('infusable' => true, 'items' => array(new OOUI\ButtonWidget(array('label' => 'Mixed', 'href' => '?' . http_build_query(array_merge($query, array('graphic' => 'mixed'))))), new OOUI\ButtonWidget(array('label' => 'Vector', 'href' => '?' . http_build_query(array_merge($query, array('graphic' => 'vector'))))), new OOUI\ButtonWidget(array('label' => 'Raster', 'href' => '?' . http_build_query(array_merge($query, array('graphic' => 'raster'))))))));
echo new OOUI\ButtonGroupWidget(array('infusable' => true, 'items' => array(new OOUI\ButtonWidget(array('label' => 'LTR', 'href' => '?' . http_build_query(array_merge($query, array('direction' => 'ltr'))))), new OOUI\ButtonWidget(array('label' => 'RTL', 'href' => '?' . http_build_query(array_merge($query, array('direction' => 'rtl'))))))));
echo new OOUI\ButtonGroupWidget(array('infusable' => true, 'id' => 'oo-ui-demo-menu-infuse', 'items' => array(new OOUI\ButtonWidget(array('label' => 'JS', 'href' => ".#widgets-{$theme}-{$graphic}-{$direction}")), new OOUI\ButtonWidget(array('label' => 'PHP', 'href' => '?' . http_build_query($query))))));
?>
		</div>
		<?php 
$demoContainer = new OOUI\PanelLayout(array('expanded' => false, 'padded' => true, 'framed' => true));
$demoContainer->addClasses(array('oo-ui-demo-container'));
$styles = array(array(), array('flags' => array('progressive')), array('flags' => array('constructive')), array('flags' => array('destructive')), array('flags' => array('primary', 'progressive')), array('flags' => array('primary', 'constructive')), array('flags' => array('primary', 'destructive')));
$states = array(array('label' => 'Button'), array('label' => 'Button', 'icon' => 'tag'), array('label' => 'Button', 'icon' => 'tag', 'indicator' => 'down'), array('icon' => 'tag', 'title' => "Title text"), array('indicator' => 'down'), array('icon' => 'tag', 'indicator' => 'down'), array('label' => 'Button', 'disabled' => true), array('icon' => 'tag', 'title' => "Title text", 'disabled' => true), array('indicator' => 'down', 'disabled' => true));
$buttonStyleShowcaseWidget = new OOUI\Widget();
foreach ($styles as $style) {
    foreach ($states as $state) {
        $buttonStyleShowcaseWidget->appendContent(new OOUI\ButtonWidget(array_merge($style, $state, array('infusable' => true))));
    }
    $buttonStyleShowcaseWidget->appendContent(new OOUI\HtmlSnippet('<br />'));
}
$demoContainer->appendContent(new OOUI\FieldsetLayout(array('infusable' => true, 'label' => 'Simple buttons', 'items' => array(new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Normal')), array('label' => "ButtonWidget (normal)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Progressive', 'flags' => array('progressive'))), array('label' => "ButtonWidget (progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Constructive', 'flags' => array('constructive'))), array('label' => "ButtonWidget (constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Destructive', 'flags' => array('destructive'))), array('label' => "ButtonWidget (destructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Primary progressive', 'flags' => array('primary', 'progressive'))), array('label' => "ButtonWidget (primary, progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Primary constructive', 'flags' => array('primary', 'constructive'))), array('label' => "ButtonWidget (primary, constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Primary destructive', 'flags' => array('primary', 'destructive'))), array('label' => "ButtonWidget (primary, destructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Disabled', 'disabled' => true)), array('label' => "ButtonWidget (disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Constructive', 'flags' => array('constructive'), 'disabled' => true)), array('label' => "ButtonWidget (constructive, disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Constructive', 'icon' => 'tag', 'flags' => array('constructive'), 'disabled' => true)), array('label' => "ButtonWidget (constructive, icon, disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Icon', 'icon' => 'tag')), array('label' => "ButtonWidget (icon)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Icon', 'icon' => 'tag', 'flags' => array('progressive'))), array('label' => "ButtonWidget (icon, progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Indicator', 'indicator' => 'down')), array('label' => "ButtonWidget (indicator)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'Indicator', 'indicator' => 'down', 'flags' => array('constructive'))), array('label' => "ButtonWidget (indicator, constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'icon' => 'help', 'title' => 'Icon only')), array('label' => "ButtonWidget (icon only)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'icon' => 'tag', 'label' => 'Labeled')), array('label' => "ButtonWidget (frameless)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('progressive'), 'icon' => 'check', 'label' => 'Progressive')), array('label' => "ButtonWidget (frameless, progressive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('destructive'), 'icon' => 'remove', 'label' => 'Destructive')), array('label' => "ButtonWidget (frameless, destructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('constructive'), 'icon' => 'add', 'label' => 'Constructive')), array('label' => "ButtonWidget (frameless, constructive)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'icon' => 'tag', 'label' => 'Disabled', 'disabled' => true)), array('label' => "ButtonWidget (frameless, disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('framed' => false, 'flags' => array('constructive'), 'icon' => 'tag', 'label' => 'Constructive', 'disabled' => true)), array('label' => "ButtonWidget (frameless, constructive, disabled)‎", 'align' => 'top')), new OOUI\FieldLayout(new OOUI\ButtonWidget(array('label' => 'AccessKeyed', 'accessKey' => 'k')), array('label' => "ButtonWidget (with accesskey k)‎", 'align' => 'top'))))));
$demoContainer->appendContent(new OOUI\FieldsetLayout(array('infusable' => true, 'label' => 'Button sets', 'items' => array(new OOUI\FieldLayout(new OOUI\ButtonGroupWidget(array('items' => array(new OOUI\ButtonWidget(array('icon' => 'tag', 'label' => 'One')), new OOUI\ButtonWidget(array('label' => 'Two')), new OOUI\ButtonWidget(array('indicator' => 'required', 'label' => 'Three'))))), array('label' => 'ButtonGroupWidget', 'align' => 'top'))))));
# Note that $buttonStyleShowcaseWidget is not infusable,
# because the contents would not be preserved -- we assume
# that widgets will manage their own contents by default,