Input

An interactive element to accept data from the user.

Code

<script lang="ts">
  import { Input } from '@geoffcox/sterling-svelte';
</script>

<Input bind:value />

Considerations

Prefer using the Label component rather than the label produced by providing default slot content.
Includes HTMLInputElement props, events, and methods.

<label class="sterling-input-label">
  {@render children()}
</label>
<div class="sterling-input">
  <input />
</div>