@aurodesignsystem/auro-hyperlink
Version:
auro-hyperlink HTML custom element
31 lines (24 loc) • 2.46 kB
Markdown
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../api.md) -->
<!-- The below content is automatically added from ./../api.md -->
# auro-hyperlink
`<auro-hyperlink>` is a wrapper components for an HTML `<a>` element containing styling and behavior.
## Properties
| Property | Attribute | Type | Default | Description |
|------------------|------------------|-----------|---------|--------------------------------------------------|
| [download](#download) | `download` | `Boolean` | false | Specifies that the target will be downloaded when a user clicks on the hyperlink. |
| [fluid](#fluid) | `fluid` | `Boolean` | | Modifier for `type="cta"` fluid-width UI option. |
| [href](#href) | `href` | `String` | | Specifies the URL of the page link. |
| [ondark](#ondark) | `ondark` | `Boolean` | false | Specifies dark theme use of hyperlink. |
| [referrerpolicy](#referrerpolicy) | `referrerpolicy` | `Boolean` | | Sets `strict-origin-when-cross-origin` to send a full URL when performing a same-origin request, only sends the origin when the protocol security level stays the same (HTTPS→HTTPS), and sends no header to a less secure destination (HTTPS→HTTP). |
| [rel](#rel) | `rel` | `String` | | Specifies the relationship between the current document and the linked document. |
| [relative](#relative) | `relative` | `Boolean` | false | Add flag to disable auto URL re-write feature. |
| [role](#role) | `role` | `String` | | Use for aria roles; currently supports `button` for extended experiences. |
| [secondary](#secondary) | `secondary` | `Boolean` | false | Modifier for `type="cta"` secondary UI option. |
| [small](#small) | `small` | `Boolean` | false | Modifier for `type="cta"` small UI option. |
| [target](#target) | `target` | `String` | | Specifies where to open the linked document. |
| [type](#type) | `type` | `String` | | Enumerable attribute; [`nav`, `cta`] |
## CSS Shadow Parts
| Part | Description |
|--------|------------------------------|
| [link](#link) | Apply CSS to the `a` element |
<!-- AURO-GENERATED-CONTENT:END -->