Svelte Autosize Input

An input component for Svelte that resizes itself to the current content.

Visit Github Repo to read the documentation.

Simple example with autofocus:

Type something to see the input grow...

Number input:

Input with placeholder:

Bruce Wayne

Input with placeholder as minimum width:

100 Main Street, Gotham City

Input with maxWidth and minWidth:

Example with live validation styling and error message:

batman123@email.com

A group of editable inputs inside flexbox card:

McDonald's

Name

Double Cheeseburger, Fries, and a Coke

Description

29.99

0.00