Link

Direct users to another page, section, or resource with themed focus, hover, and optional button styling.

Usage Example

@link.Link(link.Config{Href: "#"}) {
    Read if bored
}

Link Within Text

Render an inline link inside body copy without breaking text flow.

Link Within Text

<p>
    Follow us on @link.Link(link.Config{Href: "#"}) { social media }
    and become our virtual BFF.
</p>

Pass an icon component to add a compact directional cue.

Link With Icon

@link.Link(link.Config{
    Href: "#",
    Icon: linkArrowIcon(),
}) {
    about our company
}

Use StyleButton when navigation should visually match a primary action.

Button Link

@link.Link(link.Config{
    Href:  "#",
    Style: link.StyleButton,
}) {
    I'm a link
}

Prop	Type	Default	Description
`Href`	`string`	`"#"`	Link destination.
`Target`	`string`	`""`	Native anchor target attribute.
`Rel`	`string`	`""`	Native rel attribute. Defaults to "noopener noreferrer" for target "_blank".
`Role`	`string`	`""`	Native role attribute. StyleButton defaults to "button".
`Style`	`Style`	`StyleText`	Visual treatment: "text" or "button".
`Size`	`Size`	`SizeMedium`	Button-link size: "sm", "md", "lg", "xl".
`Icon`	`templ.Component`	`nil`	Optional icon rendered inside the link.
`IconPosition`	`IconPosition`	`IconTrailing`	Icon placement: "leading" or "trailing".
`ID`	`string`	`""`	Optional element id.
`Class`	`string`	`""`	Extra classes appended to the anchor.
`Attrs`	`templ.Attributes`	`nil`	Arbitrary attributes on the anchor.