- Code blocks
- Tabs
- Icon buttons
- Markdown
Inline code
Lorem ipsum dolor
sit amet, <consectetur>
adipiscing elit, sed --do eius.mod
tempor incididunt ut labore-et-dolore
magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
asperiores repellat.
C# code sample
Plain text:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
Highlighted code:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
Plain text, nonums, nocopy:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
Highlighted code, nonums, nocopy:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
Plain text, title:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
Highlighted code, title:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
Plain text, title, nonums, nocopy:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
Highlighted code, title, nonums, nocopy:
using System;
namespace TestNamespace{ public class TestClass(string name) { }}
SVG code sample
Plain text:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Highlighted code:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Plain text, wrap:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Highlighted code, wrap:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Plain text, title, wrap:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Highlighted code, title, wrap:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Plain text, title, wrap, nonums, nocopy:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Highlighted code, title, wrap, nonums, nocopy:
<svg fill="#a074c4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M11.5 11.4H17c0-2-2.3-4.9-5.1-4.9s-5.3 2.4-5.3 5.2 2.9 5.2 4.9 5.2v-5.5z"/><path d="M13.6 13.7h11.8v11.8H13.6z"/></svg>
Code highlighting
highlight-this-line:
using System;
namespace Test;
public record TestClass( string Name, int Age, int Money);
highlight-next-line:
using System;
namespace Test;
public record TestClass( string Name, int Age, int Money);
highlight-start and highlight-end:
using System;
namespace Test;
public record TestClass( string Name, int Age, int Money);