Inline link

This is an inline link with an icon before, and this is an inline link with an icon after . Inline links are truly inline, which means the text can wrap to a second line and the icon falls on the baseline either before or after the text.

Flex link

This is a flex link with an icon. Very important to note that flex links are never to be mixed inline within a paragraph of non-link text because the text wraps differently and the icon hangs to the side.

This is a flex link with an icon. Very important to note that flex links are never to be mixed inline within a paragraph of non-link text because the text wraps differently and the icon hangs to the side.

Block link

This is a block link with an icon. Very important to note that block links are never to be mixed inline within a paragraph of non-link text because they act as a paragraph themselves.

This is a block link with an icon. Very important to note that block links are never to be mixed inline within a paragraph of non-link text because they act as a paragraph themselves.

Debug Panel