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-groupComponent 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
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details