bootstrap4

Not a single form field has a label. These designs are not usable and the patterns presented should be discouraged.

I suggest adding a validation check like Nu Validator, aXe, lighthouse, etc. to show all the places this markup is invalid.

When you open page UI Elements -> Cards i see TABS are not showing content until you click on other and back on first, same for pills.

Possible fix : ( worked for me )

<script type="text/javascript"> $(document).ready(function(){ $('.nav-item').tab('show'); $('.nav-tabs li a:first').trigger('click'); }); </script>

Nothing happens at the moment when clicking the form help: https://tabler-react.com/form-elements (It's next to the zip code box).

<Form.Help message={<><p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class="mb-0"><a href="#">USP ZIP codes lookup tools</a></p></>} />