Input

<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 children.
• Includes HTMLInputElement props, events, and methods.

Anatomy

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