Input group

Input group puts an input next to a text or a button.

Deprecated

This component is deprecated and will be removed in the next major version. Use Join instead.

Class name	Type
input-group	Component	Container for grouping elements
input-group-lg	Modifier	Large size for input-group wrapper
input-group-md	Modifier	Medium (default) size for input-group wrapper
input-group-sm	Modifier	Small size for input-group wrapper
input-group-xs	Modifier	Extra small size for input-group wrapper
input-group-vertical	Modifier	Vertical direction for input-group items

# Group label and text input horizontally

Your Email Email

# Group text input and label horizontally

Enter amount BTC

# label on both sides

Enter amount Price USD

# Group label and text input vertically

Your Email Email

# Sizes

# Group text input and button

# Group select and button

Do you have a question? ask the community

Do you like daisyUI? tweet about it!

Support daisyUI's development: Open Collective