@phase2/outline-core-link
Advanced tools
The Outline Core Link component
| Property | Type | Description |
|---|---|---|
linkHref | string | Link url |
linkRel | LinkRelType | Link rel |
linkTarget | LinkTargetType | Link target |
linkText | string | Link text |
| Method | Type | Description |
|---|---|---|
isURLExternal | (url: string): boolean | Check to see if the link is external, pass target="_blank" and rel="external" if so. Returns true if the link is external. |
linkRelRender | (): string | undefined | You can override Rel manually, but if not, we'll set it to "noreferrer noopener" if the link is external. Tabnabbing vulnerability 🤯 TLDR: when a link has the attribute target="_blank", always add ref="noreferrer noopener" https://cheatsheetseries.owasp.org/cheatsheets/HTML5_Security_Cheat_Sheet.html#tabnabbing |
linkTargetRender | (): string | undefined | You can override target manually, but if not, we'll set it to "_blank" if the link is external. |
| Name | Description |
|---|---|
| The default slot for this element. |
| Property | Description |
|---|---|
--outline-core-link-color | default: The default link color. |
--outline-core-link-color-default | decoration: Text decoration for the default link. |
--outline-core-link-color-hover | decoration: Text decoration for the link when hovering. |
--outline-core-link-transition | property: The CSS transition property to use for the link. |
--outline-core-link-transition-timing | function: The CSS transition timing function to use for the link. |
The Outline Core Link component
| Property | Attribute | Type | Description |
|---|---|---|---|
linkHref | link-href | string | Link url |
linkRel | link-rel | LinkRelType | Link rel |
linkTarget | link-target | LinkTargetType | Link target |
linkText | link-text | string | Link text |
| Method | Type | Description |
|---|---|---|
isURLExternal | (url: string): boolean | Check to see if the link is external, pass target="_blank" and rel="external" if so. Returns true if the link is external. |
linkRelRender | (): string | undefined | You can override Rel manually, but if not, we'll set it to "noreferrer noopener" if the link is external. Tabnabbing vulnerability 🤯 TLDR: when a link has the attribute target="_blank", always add ref="noreferrer noopener" https://cheatsheetseries.owasp.org/cheatsheets/HTML5_Security_Cheat_Sheet.html#tabnabbing |
linkTargetRender | (): "_blank" | "_self" | "_parent" | "_top" | undefined | You can override target manually, but if not, we'll set it to "_blank" if the link is external. |
| Name | Description |
|---|---|
| The default slot for this element. |
| Property | Description |
|---|---|
--outline-core-link-color | default: The default link color. |
--outline-core-link-color-default | decoration: Text decoration for the default link. |
--outline-core-link-color-hover | decoration: Text decoration for the link when hovering. |
--outline-core-link-transition | property: The CSS transition property to use for the link. |
--outline-core-link-transition-timing | function: The CSS transition timing function to use for the link. |
FAQs
The Outline Components for the web link component
The npm package @phase2/outline-core-link receives a total of 67 weekly downloads. As such, @phase2/outline-core-link popularity was classified as not popular.
We found that @phase2/outline-core-link demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 9 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket is tracking a new trend where malicious actors are now exploiting the popularity of LLM research to spread malware through seemingly useful open source packages.
Security News
Research
Noxia, a new dark web bulletproof host, offers dirt cheap servers for Python, Node.js, Go, and Rust, enabling cybercriminals to distribute malware and execute supply chain attacks.
Company News
Socket safeguards companies from software supply chain attacks by detecting and preventing threats in open source code and empowering developers to secure their applications and critical services against malware and other security risks.
