You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
666 B
27 lines
666 B
2 years ago
|
<script>
|
||
|
|
import Sidebar from "$/client/components/Sidebar.svelte";
|
||
|
|
|
||
|
|
|
||
|
|
export let menu = [
|
||
|
|
{title: "Calendar", active: false, icon: "calendar"},
|
||
|
|
{title: "Cards", active: false, icon: "credit-card"},
|
||
|
|
{title: "Countdown", active: false, icon: "clock"},
|
||
|
|
{title: "Darkmode", active: false, icon: "sunrise"},
|
||
|
|
{title: "Form", active: false, icon: "database"},
|
||
|
|
{title: "Video", active: false, icon: "video"},
|
||
|
|
{title: "Sidebar", active: false, icon: "sidebar"},
|
||
|
|
];
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<main>
|
||
|
|
<Sidebar menu={ menu }>
|
||
|
|
<div slot="top">
|
||
|
|
<h1>Header</h1>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div slot="bottom">
|
||
|
|
<h3>Footer</h3>
|
||
|
|
</div>
|
||
|
|
</Sidebar>
|
||
|
|
</main>
|