Troubleshooting Validation Issues in Custom Tabbed Layout Using Form Layout Template in Version 24.1

In version 24.1, we don’t have a tabbed layout (dynamic hierarchy) available, but we developed the component ourselves. We achieved the structure, but I’m facing issues with validations.

In a form, we have three fields in each tab. In the first tab, one of the fields is mandatory. Without interacting with the fields, clicking on submit proceeds to the next step. If I interact with any field in the form, then the validation error is thrown with the expected message.

Have I missed any API calls somewhere? Is it recommended to develop like this, or is there any approach to achieve a tabbed layout in this version?

i have developed this component using layout template (form)

for reference screenshot attached

@hemalathag8810 you can check out some of our open source DX components on our github, if you want inspiration.