Waiting for human decisions

Basic Input
Email Address
svelte
Copy
Loading...
Password Input
Password
svelte
Copy
Loading...
Password Strength
New Password
Confirm Password
svelte
Copy
Loading...
Textarea
Your Message
svelte
Copy
Loading...
Date & Time Inputs
Select Date Select Time
svelte
Copy
Loading...
Search Bar
Ctrl K
svelte
Copy
Loading...
Select
Select an optionOption 1Option 2Option 3
svelte
Copy
Loading...
File Input

Drag & drop image here or click to choose file

Upload

Incase any errors occur during upload, Toast Manager will display it. Ensure its imported and added to your root layout.

svelte

Copy

Loading...

Name	type	Default	Description
uploadType	Array	['image','video','audio','documents', 'others']	Decides the types of files allowed for upload

Documents list
['application/pdf', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel', 'text/plain']

Component API

Props API

Component	id == name == label_for	type	label	placeholder	value	rows	options	required	readonly	autocomplete
Input	true	type_input	true	true	bindable	undefined	undefined	supported	supported	type_AutoFill
PasswordInput	true	undefined	true	true	bindable	undefined	undefined	supported	undefined	type_AutoFill
TextArea	true	undefined	true	true	bindable	true	undefined	supported	supported	undefined
Select	true	undefined	true	undefined	bindable	undefined	undefined	supported	supported	undefined
DateInput, TimeInput	true	date | time	true	true	bindable	undefined	undefined	supported	supported	undefined

Event Handlers API

Component	onclick	oninput	onfocus	onblur	onchange
Input	supported	supported	supported	supported	rest
PasswordInput	undefined	undefined	undefined	undefined	undefined
TextArea, TimeInput, DateInput	supported	rest	rest	rest	rest
Select	rest	rest	rest	rest	supported

Styling API

Component	borderSize	borderColor	background	width	maxWidth	height	textColor	showInput	optionsColor	optionsBackground
Input, PasswordInput, TextArea, TimeInput, DateInput	1px	var(--input-border)	transparent	100%	""	undefined	inherit	true	undefined	undefined
Select	undefined	undefined	transparent	100%	""	100%	inherit	true	inherit	white

© 2026 @sierra-95/svelte-scaffold. All rights reserved.