Console

This is a console design template.

Example

Here is console text.

Console Title

> echo "Hello World"

HTML

<p>Hello World</p>

<div class="console">
  <pre class="content">Here is console text.</pre>
</div>

<div class="console">
  <span class="title">Console Title</span>
  <pre class="content">&gt; echo "Hello World"</pre>
</div>

<div class="console">
  <span class="title">HTML</span>
  <pre class="content"><p>Hello World</p></pre>
</div>

Console

> npm i @noknow/web-design-console

CSS

@import '/YOUR_PROJECT/node_modules/@noknow/web-design-console/style.css';