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
# Group text input and label horizontally
# label on both sides
# Group label and text input vertically
# Sizes
# Group text input and button
# Group select and button
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective

Sponsors

Never google
a command again

Become a sponsor