UI MarCom 3

Links Stable Dark theme

Links are anywhere where hyperlinks refer to other pages. There are different link modifications to fit a variety of purposes.

<uimc-link-list theme="light">
    <uimc-link-list-item type="" url="#">Linkname</uimc-link-list-item>
</uimc-link-list>

AttributeDescriptionValuesDefault
themeSet the color scheme of the componentlight, darklight
typeSets the type of the link to be preceded by a corresponding icondownload, internal, external, email, phone
urlHyperlink reference of the linkvalid URL
TelephoneMailDownload link [885kB]
<uimc-link-list theme="light">
  <uimc-link-list-item url="#" type="phone">Telephone</uimc-link-list-item>
  <uimc-link-list-item url="#" type="email">Mail</uimc-link-list-item>
  <uimc-link-list-item url="#" type="download">Download link [885kB]</uimc-link-list-item>
</uimc-list>
Link list itemLink list itemLink list item
<uimc-link-list>
    <uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
    <uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
    <uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
</uimc-link-list>
Link list itemLink list itemLink list item
<uimc-link-list theme="dark">
    <uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
    <uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
    <uimc-link-list-item type="internal" url="#">Link list item</uimc-link-list-item>
</uimc-link-list>