Skip to content

Commit 4b05018

Browse files
Added inputs for changing width in IconMaker demo.
1 parent 307dd5f commit 4b05018

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

samples/KristofferStrube.Blazor.SVGEditor.WasmExample/Pages/IconMaker.razor

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
@page "/IconMaker"
22
@inject IJSRuntime JSRuntime
33

4-
<button class="btn btn-primary" @onclick=Copy>Copy SVG to clipboard</button>
4+
<button class="btn btn-primary" @onclick=Copy>Copy SVG to clipboard</button><br />
5+
<input type="number" @bind-value:event="oninput" @bind-value=@width style="width:80px;" min="8" max="128" />
6+
<input type="range" @bind-value:event="oninput" @bind-value=@width min="8" max="128" step="1" />
57
<div style="display:flex;flex-direction:row;width:100%;">
68
<textarea @bind="Input" @bind:event="oninput" style="width:100%;" />
79
<div style="height:80vh;aspect-ratio:1">

0 commit comments

Comments
 (0)