Input

A Warcraft-themed input with a gold border-image frame. Supports all standard HTML input types and attributes.

Text

Password

Email

Number

Search

Disabled

With Label

Hero Name

Battle Tag

Locked Field

Usage

<script>
  import { Input, Label } from 'warcraftcn-ui-svelte';
  let value = $state('');
</script>

<Input bind:value placeholder="Enter your hero name..." />

<Label for="name" required>Hero Name</Label>
<Input id="name" placeholder="..." />

Props

Prop	Type	Default
type	string	"text"
class	string	""

All standard HTML input attributes (placeholder, disabled, id, etc.) are forwarded to the underlying <input> element.