Newer
Older
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="/build/huds-lib.css" />
<link rel="stylesheet" type="text/css" href="/fonts/fonts.css" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
<title>Stencil Component Starter</title>
<script type="module" src="/build/huds-lib.esm.js"></script>
<script nomodule src="/build/huds-lib.js"></script>
</head>
<body class="full-width" style="padding: 0; margin: 0;">
<hy-link-list
list-heading="link list heading number one"
{"heading":"3500 h","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
{"heading":"Example link label one","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"},
{"heading":"Example link label two Very Long label indeed to test if it fits","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
{"heading":"Example link label three","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"}]'
</hy-link-list>
<hy-adjacent-image-text
image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/coronavirus_1920x1080px_4.jpg?itok=dOgb6pfs"
text-title="Text title 2"
text-description="Text description Lorem ipsum dolor sit amet, consectetur adipiscing elit."
main-url="https://www.google.com"
main-url-title="Standalone link"
main-url-aria-label="Standalone link internal"
main-url-is-external="false"
main-url-2="https://www.google.com"
main-url-title-2="CTA standalone URL example"
main-url-aria-label-2=""
main-url-is-external-2="false"
<a id="facebook_ads_example">This is the Facebook ad example I want to link to.</a>