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

Default
Direction
Sizes
Different states
Different variant
Group
Name | Type | Required | Default | Description |
---|---|---|---|---|
orientation | vertical | horizontal | No | vertical | Two ways you can stack your input groups. |
size | sm | md | lg | No | md | Group size |
error | boolean | No | false | Sets error state for both input/select |
className | string | No | - | Tailwind classes for customization |
* All the subComponents have the same props as Input, InsetInput, and Select