<div class="income-source">
<div class="income-source_item">
<span class="income-source_name">Social Security
<span class="income-source_value">$200/month</span>
</span>
<a class="income-source_link toggler">Edit</a>
<div class="income-source_nested margin-top padding-bottom bg-mist toggled clearfix">
<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">
<div class="button-stack--paginate row">
<div class="small-12 medium-6 medium-push-6 columns">
<button class="button ghost-white right expand-small no-margin">Save</button>
</div>
<div class="small-12 medium-6 medium-pull-6 columns">
<button class="button button-link button-lined small-text-center expand-small">Delete</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="income-source">
<div class="income-source_item">
<span class="income-source_name">Social Security
<span class="income-source_value">$200/month</span>
</span>
<a class="income-source_link toggler">{{default link 'Edit'}}</a>
<div class="income-source_nested margin-top padding-bottom bg-mist toggled clearfix">
<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">
{{> @button-stack--paginate l-classes="button-link button-lined small-text-center expand-small" r-classes="ghost-white right expand-small no-margin" left="Delete" right="Save"}}
</div>
</div>
</div>
</div>
/* No context defined for this component. */
There are no notes for this item.