Dynamic Input group
A Dynamic Input Group is a powerful UI component in viaSocket that lets you display or hide multiple input fields based on user interactions or API responses. It allows users to dynamically add or remove grouped sets of fields—making your plugin more flexible and intuitive.
What Is a Dynamic Input Group?
Unlike static fields, dynamic input groups:
Appear only when needed
Can be added or removed on the fly
Are perfect for collecting repeatable or optional data sets
Think of them as repeatable forms that adapt in real-time based on the context.
Use Cases
Scenario | How Dynamic Groups Help |
|---|---|
Add multiple recipients | Show name/email fields dynamically |
Optional advanced settings | Only show when “Advanced” toggle is enabled |
User-defined metadata | Let users add as many custom key-value sets as needed |
API-driven field visibility | Show/hide inputs based on previous field selections |
Behavior and Benefits
✅ Real-time addition/removal of grouped fields
✅ Supports complex forms with nested inputs
✅ Reduces visual clutter in the UI
✅ Can be tied to a switch, dropdown, or API response
Tips
Use with conditional visibility for cleaner UX
Ideal for multi-object payloads in Actions
Can be used with API-populated dynamic dropdowns inside the group
