Component

Field

A versatile space for inputs.

Installation

Usage

Preview

Label here

Content here

Helper here

Issue here

Email *

Name Optional

Svelte Code

1
<script lang="ts">
2
  import Field from '$lib/components/base/field.svelte';
3
  import Input from '$lib/components/base/input.svelte';
4
</script>
5

6
<!-- Basic -->
7
<Field label="Label here" helper="Helper here" issue="Issue here">
8
  Content here
9
</Field>
10

11
<!-- Required -->
12
<Field label="Email" required>
13
  <Input />
14
</Field>
15

16
<!-- Optional -->
17
<Field label="Name" optional>
18
  <Input />
19
</Field>
20