Tesserae - Link

Link

Description

A hyperlink component (anchor element) with optional underline control, icons and target configuration. Wraps either a string or any IComponent as the link's content; supports opening in a new window, configuring window features and toggling the underline.

Usage

link-sample.cs

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

namespace Tesserae.Tests
{
    internal static class App
    {
        private static void Main()
        {
            var stack = Stack().Children(
                Link("https://curiosity.ai", "Visit Curiosity"),
                Link("https://github.com/curiosity-ai/tesserae", "Tesserae on GitHub", UIcons.BrandsGithub)
            );
            document.body.style.overflow = "hidden";
            MountCenteredToBody(stack);
        }
    }
}

API reference

class

Link

public class Link : IComponent, ITextFormating

A hyperlink component (anchor element) with optional underline control, icons and target configuration.

Namespace: Tesserae
Implements: IComponent, ITextFormating

Constructors

Name	Description
Link	Initializes a new instance of this class.

Constructor

Link

public Link(string url, IComponent component, bool noUnderline = false)

Initializes a new instance of this class.

Properties

Name	Description
Target	Gets or sets the link target of the component.
URL	Gets or sets the u r l.
Size	Gets or sets the size of the component.
Weight	Gets or sets the font weight of the component.
TextAlign	Gets or sets the text alignment of the component.

Property

Link.Target

public string Target { get ; set ; }

Gets or sets the link target of the component.

Property

Link.URL

public string URL { get ; set ; }

Gets or sets the u r l.

Property

Link.Size

public TextSize Size { get ; set ; }

Gets or sets the size of the component.

Property

Link.Weight

public TextWeight Weight { get ; set ; }

Gets or sets the font weight of the component.

Property

Link.TextAlign

public TextAlign TextAlign { get ; set ; }

Gets or sets the text alignment of the component.

Methods

Name	Description
Render	Renders the component's root HTML element.
OpenInNewTab	Opens the in new tab.
AsWindow	Returns the component's state as a(n) window.
OnClick	Registers a callback invoked when the click event fires.

Method

Link.Render

public HTMLElement Render()

Renders the component's root HTML element.

Method

Link.OpenInNewTab

public Link OpenInNewTab()

Opens the in new tab.

Method

Link.AsWindow

public Link AsWindow(string features = null)

Returns the component's state as a(n) window.

Method

Link.OnClick

public Link OnClick(Action onClicked)

Registers a callback invoked when the click event fires.

Link

Description

Usage

API reference

Constructors

Link

Properties

Link.Target

Link.URL

Link.Size

Link.Weight

Link.TextAlign

Methods

Link.Render

Link.OpenInNewTab

Link.AsWindow

Link.OnClick

See also