lomer-ui

Component

Input

A clear and simple way to collect user data.

Installation

Usage

Preview

Svelte Code

1 
<script lang="ts">
2 
  import Input from '$lib/components/base/input.svelte';
3 
</script>
4
5 
<!-- Basic -->
6 
<Input />
7
8 
<!-- Disabled -->
9 
<Input disabled value="This is disabled" />
10

Form

Preview

Value:

Svelte Code

1 
<script lang="ts">
2 
  import Input from '$lib/components/base/input.svelte';
3
4 
  let value = $state('');
5 
</script>
6
7 
<Input bind:value />
8 
<p>Value: {value}</p>
9