Group

ARIA
RTL

Combine different types of inputs into groups to save vertical space on your designs and also simplify form filling.

Group

Default

Direction

Sizes

Different states

Different variant

Group

NameTypeRequiredDefaultDescription
orientationvertical | horizontalNoverticalTwo ways you can stack your input groups.
sizesm | md | lgNomdGroup size
errorbooleanNofalseSets error state for both input/select
classNamestringNo-Tailwind classes for customization

* All the subComponents have the same props as Input, InsetInput, and Select