Additional Properties

Re-usable component, Displays Additional properties inputs as Single textboxes,Dynamic textboxes with Add/Remove functionality, radio buttons, Dropdown selects, with call back functions and field validations

HTML

<div ng-controller="AdditionalPropertiesExampleController as ctrl">
    <div class="t-content">
        <form class="c-generalForm" autocomplete="off" novalidate>
            <form-error-messages id="additionalPropertiesErrorField" class="u-mb++"></form-error-messages>
            <div class="c-fieldset-instruction c-fieldset-instruction--required">
                Indicates a required field
            </div>
            <fieldset class="c-fieldset">
                <inv-additional-properties additional-properties-collection="ctrl.additionalPropertiesCollection"
                    on-property-change="ctrl.onPropertyChange" >
                </inv-additional-properties>
                <div class="c-fieldset-buttons u-flex u-flexEnd u-ph+">
                    <button class="c-button c-button--primary" type="submit">Save</button>
                </div>
            </fieldset>
        </form>
    </div>
</div>