Commit f442f1a1 authored by Clément's avatar Clément

update: request-navigation example

parent d94eedcd
Pipeline #7040 passed with stage
in 1 minute and 24 seconds
......@@ -5,7 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>SIB test: sib-router</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/GoogleChrome/dialog-polyfill@master/dist/dialog-polyfill.css">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/gh/GoogleChrome/dialog-polyfill@master/dist/dialog-polyfill.css"
/>
<script type="module" src="../src/index.js"></script>
<style>
sib-router {
......@@ -20,7 +23,7 @@
background-color: #ccc;
cursor: pointer;
}
[active]{
[active] {
background-color: #afa;
}
</style>
......@@ -34,23 +37,35 @@
</sib-router>
<dialog id="page1">
<h1>Page 1</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis,
commodi.</p>
<sib-link next="page2">page 2 ></sib-link>
<div>
<h1>Page 1</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis,
commodi.
</p>
<sib-link next="page2">page 2 ></sib-link>
</div>
</dialog>
<dialog id="page2">
<h1>Page 2</h1>
<p>Quos, suscipit pariatur! Nulla fugiat excepturi pariatur fuga delectus
corrupti.</p>
<sib-link next="page3">page 3 ></sib-link>
<div>
<h1>Page 2</h1>
<p>
Quos, suscipit pariatur! Nulla fugiat excepturi pariatur fuga delectus
corrupti.
</p>
<sib-link next="page3">page 3 ></sib-link>
</div>
</dialog>
<dialog id="page3">
<h1>Page 3</h1>
<p>Rem, veniam repudiandae! Error repudiandae sapiente blanditiis natus
libero tenetur.</p>
<div>
<h1>Page 3</h1>
<p>
Rem, veniam repudiandae! Error repudiandae sapiente blanditiis natus
libero tenetur.
</p>
</div>
</dialog>
</body>
</html>
......@@ -19,14 +19,14 @@
background-color: #ccc;
cursor: pointer;
}
[active]{
[active] {
background-color: #afa;
}
</style>
</head>
<body>
<sib-router default-route="page1" use-hash>
<sib-router default-route="page1" route-prefix="examples/sub-menu.html">
<sib-route name="page1">1st page</sib-route>
<sib-route name="page2" rdf-type="doap:project">2nd page</sib-route>
</sib-router>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment