Template:Alert: Difference between revisions

VisualWikitext

@@ Line 1: / Line 1: @@
-<div class="alert" style="background-color: #f0f8ff; border: 1px solid #a3c1ff; padding: 10px; margin: 10px 0;">
+<div class="notification-alert" style="displey:flex;width:fit-content;min-width:300px;background-color: var(--background-color-interactive-subtle,#f0f8ff); border: 0.2rem solid #a3c1ff; padding: 0.5rem 0; margin: 10px 0;">
-{{{1}}}
+<div class="alert-box-header" style="font-size:1rem;text-align:center;">
+<span style="margin-right:8px;">🔔</span> ''' Notice'''
+</div>
+<div class="alert-box-body" style="background-color: background-color: var(--background-color-interactive-subtle, #f6f6f6);padding:1rem 1rem">
+{{#if:{{{message|}}}|{{{message}}}}}{{#if:{{{1|}}}|{{{1}}}}}
+</div>
 </div>
@@ Line 11: / Line 16: @@
 </pre>
-== Preview ==
+You can also do this.
-This is how the alert will appear:
+[[Category:Alert templates]]
+<templatedata>
-<div class="alert" style="background-color: #f0f8ff; border: 1px solid #a3c1ff; padding: 10px; margin: 10px 0;">
+{
-This is an example alert message.
+	"params": {
-</div>
+		"message": {
+			"description": "Your notice message",
-[[Category:Templates]]
+			"type": "string",
-[[Category:Alert Templates]]
+			"required": true
-</noinclude>
+		}
+	}
+}
+</templatedata></noinclude>