Link

What replaced it

Button takes an href, and renders as an <a class="tss-btn"> rather than a <button class="tss-btn"> when it has one. It is therefore middle-clickable, ctrl-clicks into a new tab and shows where it goes in the status bar, while looking exactly like any other button.

Button.LinkOnHover() is unchanged, and IsLink still reports whether a button renders as a link.

What to check in your own code

• Button.InnerElement is now HTMLElement, not HTMLButtonElement. Anything that assigned it to an HTMLButtonElement or read button.InnerElement.disabled needs adjusting; use IsEnabled / Disabled(bool), which were always class-based.
• A stylesheet that matched buttons by element misses an href'd button. Search your CSS for selectors like .my-toolbar > button and match .tss-btn instead. A sibling rule using :first-of-type should become :first-child, since of-type compares element kinds and a mixed row of <a> and <button> breaks it.

Usage

using Transpose.Core;
using Tesserae;
using static Transpose.Core.dom;
using static Tesserae.UI;

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var stack = Stack().Children(
                Button("Visit the docs", href: "https://example.com"),
                Button("Open in a new tab", href: "https://example.com")
                    .SetIcon(UIcons.ArrowUpRightFromSquare)
                    .OpenInNewTab()
            );
            document.body.style.overflow = "hidden";
            MountCenteredToBody(stack);
        }
    }
}

See also

• Button — the component that replaced this one.
• Inline Label — a small fact that can also be a real link.
• ActionButton