User:Sammp/TestOOUI: Difference between revisions

From GNU Radio
Jump to navigation Jump to search
No edit summary
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 3: Line 3:
<div class="button">test</div>
<div class="button">test</div>


<!-- Use 'wikimediaui' or 'apex' -->
<link rel="stylesheet" href="dist/oojs-ui-core-wikimediaui.css">  <!-- or: .rtl.css -->
<link rel="stylesheet" href="dist/oojs-ui-images-wikimediaui.css"> <!-- or: .rtl.css -->


<span class="oo-ui-messageWidget-block type=error">test</span>
<span class="oo-ui-messageWidget-block type=error">test</span>
Line 11: Line 8:
<span class="oo-ui-messageWidget {type=error inline=true}">{Text}</span>
<span class="oo-ui-messageWidget {type=error inline=true}">{Text}</span>


<div class="warningbox"><span class="oo-ui-iconElement-icon oo-ui-icon-infoFilled oo-ui-image-notice"></span><h2>short</h2>test</div>
<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>
<span class="oo-ui-image-notice">Text</span>
Line 23: Line 23:


<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-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.