Web Components - Anchor

An anchor is a piece of text that marks the beginning and/or the end of a hypertext link.

alpha-anchor is a Web Component implementation of an HTML anchor element. The @genesislcap/alpha-design-system anchor supports the same visual appearances as the button component (accent, lightweight, neutral, outline, stealth) as well as a hypertext appearance for use in line with text.

Set-up

import { provideDesignSystem, alphaAnchor } from '@genesislcap/alpha-design-system';

provideDesignSystem().register(alphaAnchor());

Usage

Live Editor

<alpha-anchor href="https://genesis.global/" appearance="hypertext">Genesis</alpha-anchor>

Result

Loading...