Input

Displays a form input field or a component that looks like an input field.

Examples

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install

pnpm add fractalsvelte

Import

<script lang="ts">
	import { Input } from 'fractalsvelte';
</script>

<script lang="ts">
	import { Input } from 'fractalsvelte';
</script>

<Input placeholder="Email" />

Prop	Type	Default	Description
`value`	`string`	`''`	The selected value. Supports bind:.
`placeholder`	`string`	`-`	Placeholder text shown when empty.
`type`	`string`	`'text'`	Behavioural mode of the component.
`disabled`	`boolean`	`false`	Prevents interaction while preserving semantic state.
`name`	`string`	`-`	The form field name submitted with the value.