43 lines
1.0 KiB
Svelte
43 lines
1.0 KiB
Svelte
<script lang="ts">
|
|
import "./app.css";
|
|
import logo from "./assets/images/logo-universal.png";
|
|
import { Greet } from "../wailsjs/go/main/App.js";
|
|
import {
|
|
Navbar,
|
|
NavBrand,
|
|
DarkMode,
|
|
Label,
|
|
Input,
|
|
Button,
|
|
} from "flowbite-svelte";
|
|
|
|
let resultText: string = "Please enter your name below 👇";
|
|
let name: string;
|
|
|
|
function greet(): void {
|
|
Greet(name).then((result) => (resultText = result));
|
|
}
|
|
</script>
|
|
|
|
<main class="flex-col items-center bg-white dark:bg-gray-900">
|
|
<Navbar>
|
|
<NavBrand>
|
|
<span>Wails</span>
|
|
</NavBrand>
|
|
<DarkMode />
|
|
</Navbar>
|
|
|
|
<form class="max-w-96 grid-cols-1 gap-6" on:submit={console.log}>
|
|
<div>
|
|
<Label for="first_name" class="mb-2">First name</Label>
|
|
<Input type="text" id="first_name" placeholder="John" required />
|
|
</div>
|
|
<div>
|
|
<Label for="first_name" class="mb-2">First name</Label>
|
|
<Input type="text" id="first_name" placeholder="John" required />
|
|
</div>
|
|
|
|
<Button type="submit">Submit</Button>
|
|
</form>
|
|
</main>
|