<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.