12 lines
499 B
Plaintext
12 lines
499 B
Plaintext
component Link {
|
|
props {
|
|
href = "#"
|
|
label = "Link"
|
|
external = false
|
|
className = ""
|
|
}
|
|
view {
|
|
<a href="{href}" target="{external ? '_blank' : ''}" rel="{external ? 'noreferrer' : ''}" class="font-medium text-violet-600 underline-offset-4 transition hover:text-violet-700 hover:underline focus-visible:rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-violet-500 {className}">{label}<span data-show="external" aria-hidden="true"> ↗</span></a>
|
|
}
|
|
}
|