mirror of
https://github.com/PacktPublishing/Web-Development-with-Blazor-Second-Edition.git
synced 2025-12-06 05:32:03 +01:00
30 lines
1.3 KiB
Plaintext
30 lines
1.3 KiB
Plaintext
@page "/"
|
|
|
|
<PageTitle>Index</PageTitle>
|
|
|
|
<h1>Web Component demo</h1>
|
|
|
|
<markdown-toolbar for="textarea" role="toolbar">
|
|
<md-bold class="btn btn-sm" tabindex="0">bold</md-bold>
|
|
<md-header class="btn btn-sm" tabindex="-1">header</md-header>
|
|
<md-italic class="btn btn-sm" tabindex="-1">italic</md-italic>
|
|
<md-quote class="btn btn-sm" tabindex="-1">quote</md-quote>
|
|
<md-code class="btn btn-sm" tabindex="-1">code</md-code>
|
|
<md-link class="btn btn-sm" tabindex="-1">link</md-link>
|
|
<md-image class="btn btn-sm" tabindex="-1">image</md-image>
|
|
<md-unordered-list class="btn btn-sm" tabindex="-1">unordered-list</md-unordered-list>
|
|
<md-ordered-list class="btn btn-sm" tabindex="-1">ordered-list</md-ordered-list>
|
|
<md-task-list class="btn btn-sm" tabindex="-1">task-list</md-task-list>
|
|
<md-mention class="btn btn-sm" tabindex="-1">mention</md-mention>
|
|
<md-ref class="btn btn-sm" tabindex="-1">ref</md-ref>
|
|
<md-strikethrough class="btn btn-sm" tabindex="-1">strikethrough</md-strikethrough>
|
|
</markdown-toolbar>
|
|
|
|
<textarea @bind="markdown" @bind:event="oninput" rows="6" class="mt-3 d-block width-full" id="textarea" contenteditable="false" spellcheck="false"></textarea>
|
|
|
|
@markdown
|
|
|
|
@code
|
|
{
|
|
private string markdown = "Hello, **world**!";
|
|
} |