WP-Admin-Reference/web/app/themes/wpadminref/template-parts/sections/notices.php

<?php
/**
 * Section notices view
 *
 * @package wpadminref
 */

?>

<section class="section section-notices" id="notices">
	<header class="section-header">
		<h2>Notices</h2>
		<hr/>
	</header>
	<div class="section-content">

		<div class="notices-row">
			<div>
				<p>Default notice</p>
			</div>
			<div>
				<div class="notice inline">
					<p>Default notice</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice&quot;&gt;&lt;p&gt;Default notice&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice inline is-dismissible">
					<p>Default dismissible notice</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice is-dismissible&quot;&gt;&lt;p&gt;Default dismissible notice&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div>
				<p>Info</p>
			</div>
			<div>
				<div class="notice notice-info inline">
					<p>Info notice</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-info&quot;&gt;&lt;p&gt;Info notice&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-info inline is-dismissible">
					<p>Info notice dismissible</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-info is-dismissible&quot;&gt;&lt;p&gt;Info notice dismissible&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-info inline notice-alt">
					<p>Info notice alt</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-info alt&quot;&gt;&lt;p&gt;Info notice alt&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div>
				<p>Success</p>
			</div>
			<div>
				<div class="notice notice-success inline">
					<p>Success notice</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-success&quot;&gt;&lt;p&gt;Success notice&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-success inline is-dismissible">
					<p>Success notice dismissible</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-success is-dismissible&quot;&gt;&lt;p&gt;Success notice dismissible&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-success notice-alt inline">
					<p>Success notice alt</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-success notice-alt&quot;&gt;&lt;p&gt;Success notice alt&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div>
				<p>Warning</p>
			</div>
			<div>
				<div class="notice notice-warning inline">
					<p>Warning notice</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-warning&quot;&gt;&lt;p&gt;Warning notice&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-warning inline is-dismissible">
					<p>Warning notice dismissible</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-warning is-dismissible&quot;&gt;&lt;p&gt;Warning notice dismissible&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-warning notice-alt inline">
					<p>Warning notice alt</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-warning notice-alt&quot;&gt;&lt;p&gt;Warning notice alt&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div>
				<p>Error</p>
			</div>
			<div>
				<div class="notice notice-error inline">
					<p>Error notice</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-error&quot;&gt;&lt;p&gt;Error notice&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-error inline is-dismissible">
					<p>Error notice dismissible</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-error is-dismissible&quot;&gt;&lt;p&gt;Error notice dismissible&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

		<div class="notices-row">
			<div></div>
			<div>
				<div class="notice notice-error notice-alt inline">
					<p>Error notice alt</p>
				</div>
			</div>
			<div>
				<pre class="language-markup">
					<code class="language-markup">
						&lt;div class=&quot;notice notice-error notice-alt&quot;&gt;&lt;p&gt;Error notice alt&lt;/p&gt;&lt;/div&gt;
					</code>
				</pre>
			</div>
		</div>

</section>