<script
type="module"
src="https://cdn.jsdelivr.net/npm/@nuco/core@latest/dist/packages/core/src/elements/customElements.js"
>
if(!customElements.get("n-anchor")) {
customElements.define("n-anchor", CustomElements["n-anchor"]);
}
</script>
Component.htmlhtml
<n-anchor href="https://nuco.takumaru.dev" target="_blank">
Nuco Documentation
</n-anchor>
type Props = {
/**
* The URL that the hyperlink points to
*/
href?: string;
/**
* Where to display the linked URL
* @default undefined
*/
target?: "_blank" | "_self" | "_parent" | "_top";
/**
* The relationship of the linked URL
*/
rel?: string;
/**
* The style of the underline for the link
* @default "none"
*/
underline?: "none" | "solid" | "dashed" | "dotted";
/**
* Whether the link is disabled
* @default false
*/
disabled?: boolean;
};
type Emits = {
/**
* Fired when the link is clicked
*/
"on-click"?: Event;
};