34 lines
678 B
Svelte
34 lines
678 B
Svelte
<script>
|
|
import { Input } from "@budibase/bbui"
|
|
export let validationErrors
|
|
|
|
let blurred = { api: false }
|
|
</script>
|
|
|
|
<h2>Set up your API Key</h2>
|
|
<div class="container">
|
|
<Input
|
|
on:input={() => (blurred.api = true)}
|
|
label="API Key"
|
|
name="apiKey"
|
|
placeholder="Use command-V to paste your API Key"
|
|
type="password"
|
|
error={blurred.api && validationErrors.apiKey} />
|
|
<a target="_blank" href="https://portal.budi.live/">Get API Key</a>
|
|
</div>
|
|
|
|
<style>
|
|
.container {
|
|
display: grid;
|
|
grid-gap: 40px;
|
|
}
|
|
a {
|
|
color: var(--grey-7);
|
|
font-weight: 500;
|
|
font-size: var(--font-size-s);
|
|
}
|
|
a:hover {
|
|
color: var(--ink);
|
|
}
|
|
</style>
|