Skip to content
Mateu

Anchor

A standard hyperlink rendered as a clickable text element.

Basic usage

Section titled “Basic usage”
new Anchor("Mateu documentation", "https://mateu.io")

Properties

Section titled “Properties”
PropertyTypeDefaultDescription
textString—Link text
urlString—Target URL (absolute or relative)
styleString""Inline CSS
cssClassesString""CSS class names

Examples

Section titled “Examples”
// External link
new Anchor("Visit our website", "https://example.com")


// Internal navigation
new Anchor("View all orders", "/orders")


// Builder form
Anchor.builder()
    .text("Download PDF")
    .url("/reports/monthly.pdf")
    .build()

Inside other components

Section titled “Inside other components”
VerticalLayout.builder()
    .spacing(true)
    .content(List.of(
        new Text("Need help?"),
        new Anchor("Read the documentation", "https://mateu.io/docs"),
        new Anchor("Contact support", "mailto:support@example.com")
    ))
    .build()