<div class="income-source">
    <div class="income-source_item add-item">
        <div class="clearfix">
            <span class="ui-icon ui-static ui-medium i-deep ">
        <svg>
          <use xlink:href="#i-plus"></use>
        </svg>
      </span>
            <span class="income-source_add toggler t-caps t-alt-sans t-bold">Add additional income source</span>
        </div>

        <div class="income-source_nested margin-top padding-bottom bg-mist toggled">

            <div class="form-group padding-top--2x border-top">
                <label for="options" class="form-label margin-bottom--half">Where does this income come from?</label>
                <label for="options" class="sr-only">Label</label>
                <select name="options" id="options" class="" data-width="auto">
          <option value="">Select one</option>
            <option value="1">Option 1</option>
        	<option value="2">Option 2</option>
        	<option value="3">Option 3</option>
        	<option value="4">Option 4</option>
        	<option value="5">Option 5</option>
        	<option value="6">Option 6</option>
        </select> </div>

            <div class="form-group">
                <label for="options" class="form-label margin-bottom--half">How much is the income?</label>
                <div class="form-income">
                    <label aria-label="Income" for="income" class="sr-only">Income</label>
                    <input id="income" name="income" type="text" class="form-income_input " placeholder="Total all of your income sources" />
                    <span class="label-dollar">$</span>
                </div>
                <div class="radio-group-inline ">
                    <p class="radio-inline">
                        <input type="radio" name="income" value="income-month" id="income-month">
                        <label class="radio-inline_label" for="income-month">per month</label>
                    </p>
                    <p class="radio-inline">
                        <input type="radio" name="income" value="income-year" id="income-year">
                        <label class="radio-inline_label" for="income-year">per year</label>
                    </p>
                </div>
            </div>

            <div class="form-group text-center border-top padding-top">
                <button class="button ghost-white expand-small no-margin" type="button" data-event="">Save Income Source</button>
            </div>
        </div>
    </div>
</div>
<div class="income-source">
  <div class="income-source_item add-item">
    <div class="clearfix">
      {{> @icons-base icon="plus" fill="deep"}}
      <span class="income-source_add toggler t-caps t-alt-sans t-bold">Add additional income source</span>
    </div>

    <div class="income-source_nested margin-top padding-bottom bg-mist toggled">
      
      <div class="form-group padding-top--2x border-top">
        <label for="options" class="form-label margin-bottom--half">Where does this income come from?</label>
        {{> @select}}
      </div>

      <div class="form-group">
        <label for="options" class="form-label margin-bottom--half">How much is the income?</label>
        {{> @input-income}}
        {{render '@radio-group--inline' name="income" items=inputs.income}}
      </div>

      <div class="form-group text-center border-top padding-top"> 
       {{> @button text="Save Income Source" classes="ghost-white expand-small no-margin"}}
      </div> 
    </div>
  </div>
</div>
/* No context defined for this component. */

There are no notes for this item.