The link component renders text links and arrow links.
| Name | Description |
|---|
| slot[name=""] | The default slot that is used to display text for the anchor |
| part::(base) | The base a element |
| part::(arrow-wrapper) | The span element that wraps the arrow element |
| part::(arrow) | The span element that is used to make the arrow |
Link Variants The link component has three variants and each variant has an inverse for darker backgrounds. Text Link Arrow Link Arrow Full Link Inverse Link Inverse Arrow Link Inverse Arrow Full Link
Arrow Colors The link component has two variants that display an animated arrow and you can use the "arrow-color" attribute can
control what color the arrow will be when it renders. Note: This does not work on inverse variants. Primary Arrow Secondary Arrow