Skip to content

Text not well formatted #82

@fastlink30

Description

@fastlink30

Hi, i try this library, followed what there are on docs but this is the result:

home.razor:

@using Microsoft.AspNetCore.Components
@using Microsoft.AspNetCore.Components.Web
@using RazorConsole.Components
@using Spectre.Console

<Figlet Content="Blazor Console!"/>

<Table Expand="true" Title="Build status" Border="TableBorder.Heavy">
	<thead>
		<tr>
			<th data-align="left">Stage</th>
			<th data-align="center">Duration</th>
			<th data-align="right">Result</th>
		</tr>
	</thead>
	<tbody>
		<tr data-style="fg=grey">
			<td>Compile</td>
			<td>00:12:41</td>
			<td><Markup Content="[green]✔[/]" /></td>
		</tr>
		<tr data-style="fg=grey">
			<td>Tests</td>
			<td>00:24:03</td>
			<td><Markup Content="[yellow]⚠[/]" /></td>
		</tr>
	</tbody>
</Table>

<Border BoxBorder="BoxBorder.Rounded" BorderColor="Color.Chartreuse1">
    <Markup Content="Rounder border"/>
</Border>

<Columns>
    <p>Current count</p>
    <Markup Content="@currentCount.ToString()" Foreground="@Color.Green" />
</Columns>

<TextButton Content="Click me"
            OnClick="IncrementCount"
            BackgroundColor="@Color.Grey"
            FocusedColor="@Color.Blue" />


@code {
    private int currentCount = 0;
    private void IncrementCount()
    {
        currentCount++;
    }
}

this is the result

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions