Elements Input Group
Back to Elements

Input Group

0 components

UI elements you can copy into your project.

API reference

Generated from each primitive's $props() declaration.

InputGroup.Root

Input with prefix/suffix addons with dark mode support.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
...props Record<string, unknown> — Remaining attributes, spread onto the underlying element.

InputGroup.Addon

Input with prefix/suffix addons.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
align "inline-start" | "inline-end" | "block-start" | "block-end" "inline-start"
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

InputGroup.Button

Input with prefix/suffix addons.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
type string "button"
variant string "ghost"
size "xs" | "sm" | "icon-xs" | "icon-sm" "xs"
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

InputGroup.Input

Input with prefix/suffix addons with dark mode support.

Prop Type Default Description
ref bind: HTMLElement | null null
value bind: — —
class as className string —
...props Record<string, unknown> — Remaining attributes, spread onto the underlying element.

InputGroup.Text

Input with prefix/suffix addons.

Prop Type Default Description
ref bind: HTMLElement | null null
class as className string —
children Snippet —
...restProps Record<string, unknown> — Remaining attributes, spread onto the underlying element.

InputGroup.Textarea

Input with prefix/suffix addons with dark mode support.

Prop Type Default Description
ref bind: HTMLElement | null null
value bind: — —
class as className string —
...props Record<string, unknown> — Remaining attributes, spread onto the underlying element.