User:Sammp/TestOOUI: Difference between revisions

From GNU Radio
Jump to navigation Jump to search
No edit summary
No edit summary
 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
$btn = new OOUI\ButtonWidget( [
<span class="mw-ui-button {{#switch: {{{color|white}}} | red = mw-ui-destructive | green = mw-ui-constructive | white = | blue = mw-ui-progressive}}">{{{1|Button text}}}</span>
    'label' => 'Click me!'
 
] );
<div class="button">test</div>
 
 
<span class="oo-ui-messageWidget-block type=error">test</span>
 
<span class="oo-ui-messageWidget {type=error inline=true}">{Text}</span>
 
<span class="mw-ui-icon-alert"></span>
 
<div class="warningbox"><span class="oo-ui-iconElement-icon oo-ui-icon-infoFilled oo-ui-icon-alert"></span><h2>short</h2>test</div>
 
<div class="oo-ui-buttonElement-button" role="button" tabindex="0" ><span class="oo-ui-iconElement-icon oo-ui-iconElement-noIcon"></span><span class="oo-ui-labelElement-label">Normal</span><span class="oo-ui-indicatorElement-indicator oo-ui-indicatorElement-noIndicator"></span></div>
 
<span class="oo-ui-image-notice">Text</span>
 
<div class="oo-ui-widget oo-ui-widget-enabled oo-ui-labelElement oo-ui-flaggedElement-notice oo-ui-iconElement oo-ui-messageWidget-block oo-ui-messageWidget" aria-live="polite" aria-labelledby="ooui-364"><span class="oo-ui-iconElement-icon oo-ui-icon-infoFilled oo-ui-image-notice"></span><span class="oo-ui-labelElement-label"><strong>MessageWidget with notice for the user.</strong><br>Featuring multiple lines of notice.</span></div>
 
 
 
<div class="oo-ui-widget oo-ui-widget-enabled oo-ui-labelElement oo-ui-flaggedElement-notice oo-ui-iconElement oo-ui-messageWidget-block oo-ui-messageWidget"><span class="oo-ui-iconElement-icon oo-ui-icon-infoFilled oo-ui-image-notice"></span><span class="oo-ui-labelElement-label"><strong>MessageWidget with notice for the user.</strong><br>Featuring multiple lines of notice.</span></div>
 
<div class="oo-ui-fieldLayout-field"><div class="oo-ui-widget oo-ui-widget-enabled oo-ui-labelElement oo-ui-flaggedElement-notice oo-ui-iconElement oo-ui-messageWidget-block oo-ui-messageWidget" aria-live="polite" aria-labelledby="ooui-364"><span class="oo-ui-iconElement-icon oo-ui-icon-infoFilled oo-ui-image-notice"></span><span class="oo-ui-labelElement-label"><strong>MessageWidget with notice for the user.</strong><br>Featuring multiple lines of notice.</span></div></div>
 
<div class="oo-ui-fieldLayout-body"><span class="oo-ui-fieldLayout-header"><label class="oo-ui-labelElement-label" id="ooui-364">MessageWidget (type: 'notice')</label><span class="demo-linked-field-anchor" id="MessageWidget-type-notice"></span></span><div class="oo-ui-fieldLayout-field"><div class="oo-ui-widget oo-ui-widget-enabled oo-ui-labelElement oo-ui-flaggedElement-notice oo-ui-iconElement oo-ui-messageWidget-block oo-ui-messageWidget" aria-live="polite" aria-labelledby="ooui-364"><span class="oo-ui-iconElement-icon oo-ui-icon-infoFilled oo-ui-image-notice"></span><span class="oo-ui-labelElement-label"><strong>MessageWidget with notice for the user.</strong><br>Featuring multiple lines of notice.</span></div></div></div>

Latest revision as of 02:32, 20 February 2022

Button text

test


test

{Text}

short

test
Normal

Text

MessageWidget with notice for the user.
Featuring multiple lines of notice.


MessageWidget with notice for the user.
Featuring multiple lines of notice.
MessageWidget with notice for the user.
Featuring multiple lines of notice.
<label class="oo-ui-labelElement-label" id="ooui-364">MessageWidget (type: 'notice')</label>
MessageWidget with notice for the user.
Featuring multiple lines of notice.