Index
LongStringComponent
@page "/"
<LongStringComponent Text="@LongString"></LongStringComponent>
@code{
public string LongString = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc hendrerit ligula nibh, tincidunt rhoncus nunc laoreet id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin convallis pellentesque gravida. Nunc nunc quam, suscipit gravida nisl nec, hendrerit sodales libero. Donec porttitor finibus sapien, vel interdum tellus volutpat quis. Suspendisse hendrerit nulla in dolor ultricies fermentum. Integer eleifend tellus sit amet lacus vehicula, eget venenatis odio rhoncus. Fusce iaculis molestie mi, sit amet consectetur mi aliquet non. Integer vehicula efficitur metus. Donec at massa sed urna lobortis fringilla. Cras id nulla mauris. Curabitur volutpat eget diam in aliquet. Quisque auctor rhoncus dapibus. Etiam non nisl mollis, efficitur eros vel, mattis neque. Nulla gravida maximus metus, quis euismod tellus. Ut consectetur nisi sit amet sem molestie bibendum id vel felis. Praesent iaculis velit ac nisl ornare congue. Morbi semper tellus id lorem pretium varius ac finibus dolor. Praesent tristique elementum magna non hendrerit. Pellentesque libero nisl, efficitur vitae quam ut, euismod cursus velit.";
}
namespace BlazorFiddleProject
{
using Microsoft.AspNetCore.Components.Builder;
using Microsoft.Extensions.DependencyInjection;
public class Startup
{
public void ConfigureServices(IServiceCollection services)
{
}
public void Configure(IComponentsApplicationBuilder app)
{
app.AddComponent<App>("app");
}
}
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width">
<title>BlazorFiddleProject</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="_content/MatBlazor/dist/matBlazor.js"></script>
<style>
app { }
</style>
<script type="text/javascript">
</script>
</head>
<body>
<app>Loading...</app>
<script src="_framework/blazor.webassembly.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
Add component
BlazorFiddle was updated from Blazor 0.7 to .NET 6.0.
Your old source code could not work. You need to upgrade to latest.