UNPKG

@aurodesignsystem/auro-hyperlink

Version:
31 lines (24 loc) 2.46 kB
<!-- 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 -->