link

Documentation

Index

• Variables
• func Link(p LinkProps) templ.Component
• func LinkClasses(p LinkProps) string
• type LinkProps

Variables

var LinkVariants = uiutils.Variants{
	Base: "inline-flex items-center gap-1 underline-offset-4 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
	Keys: []string{"variant", "size"},
	Defaults: map[string]string{
		"variant": "default",
		"size":    "default",
	},
	ByKey: map[string]map[string]string{
		"variant": {
			"default":  "text-primary hover:underline",
			"muted":    "text-muted-foreground hover:text-foreground hover:underline",
			"nav":      "text-foreground hover:text-primary",
			"block":    "flex w-full text-foreground hover:text-primary",
			"external": "text-primary hover:underline",
			"unstyled": "",
		},
		"size": {
			"sm":      "text-sm",
			"default": "text-sm",
			"md":      "text-base",
			"lg":      "text-lg",
		},
	},
}

Functions

func Link

func Link(p LinkProps) templ.Component

Link renders a semantic anchor element.

func LinkClasses

func LinkClasses(p LinkProps) string

Types

type LinkProps

type LinkProps struct {
	Variant     string
	Size        string
	Class       string
	Href        string
	Target      string
	Rel         string
	Download    string
	External    bool
	Disabled    bool
	AriaCurrent string
	AriaLabel   string
	ID          string
	Role        string
	TabIndex    string
	Attrs       templ.Attributes
}

LinkProps configures a native anchor.