User:Sammp/TestOOUI: Difference between revisions

Latest revision as of 02:32, 20 February 2022

Button text

test

{Text}

test

Normal

Text

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.

@@ Line 3: / Line 3: @@
 <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>
@@ Line 11: / Line 8: @@
 <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>
-<a class="oo-ui-buttonElement-button" role="button" tabindex="0" rel="nofollow"><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></a>
+<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>