This is the code that runs https://bandolier.learnjsthehardway.com/ for you to review. It uses the https://git.learnjsthehardway.com/learn-javascript-the-hard-way/bandolier-template to create the documentation for the project.
https://bandolier.learnjsthehardway.com/
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.
22 lines
689 B
22 lines
689 B
2 years ago
|
<script>
|
||
|
|
import Tabs from "$/client/components/Tabs.svelte";
|
||
|
|
import Calendar from "./Calendar.svelte";
|
||
|
|
import Cards from "./Cards.svelte";
|
||
|
|
import Login from "./Login.svelte";
|
||
|
|
import { log } from "$/client/logging.js";
|
||
|
|
|
||
|
|
export let panels = [
|
||
|
|
{title: "Calendar", active: true, icon: "calendar", component: Calendar},
|
||
|
|
{title: "Cards", active: false, icon: "credit-card", component: Cards},
|
||
|
|
{title: "Login", active: false, icon: "log-in", component: Login},
|
||
|
|
];
|
||
|
|
|
||
|
|
let selected = panels[0];
|
||
|
|
|
||
|
|
const tab_select = (event) => {
|
||
|
|
log.debug("SELECTED TAB", event.detail);
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Tabs panels={ panels } on:select={ tab_select } bind:selected vertical={true} />
|