Input

2026.1

Requires Celeste 2026.1

Email Address

We need this to send you a quote.

Properties

Prop	Description
`name`	Input name
`id`	Unique ID, if not set, name will be used as the ID.
`label`	Input label
`label:hidden`	Input label, hidden for sighted users
`type`	Input type, any valid HTML text input type
`icon`	Icon, placed before the input
`icon:trailing`	Icon, placed after the input

Attributes passed to this component will be rendered on the <input> and not on the root element. This lets you listen for input events as usual.

<Input
	description="We need this to send you a quote."
	icon="at"
	label="Email Address"
	name="email"
	required
	type="email"
/>