Input

A text field for user input.

Preview

<script>
  import { Input } from '@vultra/ui';
  import { Label } from '@vultra/ui';
</script>

<div class="flex w-72 flex-col gap-2">
  <Label for="email">Email</Label>
  <Input id="email" type="email" placeholder="[email protected]" />
</div>

Disabled

<Input disabled value="Read only" />

Props

Prop	Type	Default
type	string	'text'
placeholder	string	—
value	string	''
disabled	boolean	false
class	string	—

All other props forward to the <input> element.

Install

npx @vultra/cli add input