Forms

{{one-way-input value=currentEmail update=(action (mut currentEmail)) class="form-control" type="email" id="email" }}
{{one-way-input value=currentFirstName update=(action (mut currentFirstName)) class="form-control" id="firstname" }}
{{one-way-input value=currentLastName update=(action (mut currentLastName)) class="form-control" id="lastname" }}
$
{{one-way-input value=currentAmount update=(action (mut currentAmount)) class="form-control" type="number" id="amount" }}
.00
{{#power-select selected=currentDestination options=cities onchange=(action (mut currentDestination)) id="destination" class="form-control" as |name| }} {{name}} {{/power-select}}
{{#power-select selected=currentDestination options=cities searchEnabled=false onchange=(action (mut currentDestination)) id="destination2" class="form-control" as |name| }} {{name}} {{/power-select}}
{{#power-select-multiple selected=currentDestinations options=cities onchange=(action (mut currentDestinations)) id="destinations" class="form-control" as |name| }} {{name}} {{/power-select-multiple}}
{{one-way-textarea value=currentComment update=(action (mut currentComment)) class="form-control" id="comment" rows=3 }}

Radio buttons

Inline form

{{one-way-input value=currentName update=(action (mut currentName)) class="form-control" id="name2" }}
{{one-way-input value=currentEmail update=(action (mut currentEmail)) class="form-control" type="email" id="email2" }}
{{#bsy-button type="submit" loadingLabel="Sending..."}}Send invitation{{/bsy-button}}

Buttons

{{#bsy-button type="primary"}}Primary{{/bsy-button}} {{#bsy-button type="secondary"}}Secondary{{/bsy-button}} {{#bsy-button type="secondary-inverse" class="btn-round" loadingLabel=""}} × {{/bsy-button}} {{#bsy-button type="danger"}}Danger{{/bsy-button}} {{#bsy-button type="link"}}Link{{/bsy-button}}

Modal

{{#bsy-button type="primary" click=(action "toggleModal")}}Toggle Modal{{/bsy-button}} {{#if isShowingModal}} {{#modal-dialog close="toggleModal" targetAttachment="none" translucentOverlay=true overlay-class='modal in' container-class='modal-dialog'}}
{{#bsy-button type="secondary-inverse" class="btn-sm btn-round btn-modal-close" loadingLabel="" click=(action "toggleModal")}} × {{/bsy-button}}

Modal Name or Headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec luctus felis. Nulla a lacus libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam mollis tortor sodales libero euismod, eget suscipit arcu mollis. Nam nibh libero, tempus eu urna convallis, tempor efficitur ex. Donec molestie nibh ac luctus imperdiet. Nulla vitae vulputate ipsum. Phasellus porta gravida odio, in iaculis quam cursus et. Ut ac vehicula erat. Nulla sapien turpis, dapibus vel pellentesque sed, suscipit sit amet nibh. Pellentesque rhoncus nibh porttitor, posuere nulla quis, auctor nunc. Pellentesque fermentum tempor justo, a interdum nulla. Nullam lacus odio, posuere ut posuere hendrerit, semper non velit.

Cras sed consequat nunc. Phasellus sed sagittis nibh. Aliquam a vulputate risus. Vestibulum molestie bibendum dolor, vel blandit ipsum malesuada et. Praesent enim nibh, finibus vel luctus id, bibendum vitae eros. Aliquam vel semper diam. Cras elementum molestie eros, ac venenatis quam. Proin fermentum ante eros, mollis vestibulum eros consequat eu. Cras quis lorem vel metus hendrerit porttitor. Nunc hendrerit vitae nunc ut pellentesque. Etiam quis urna ac lorem eleifend ornare. Donec nibh ante, bibendum id pellentesque non, dignissim ut urna. Phasellus congue ultricies ipsum, ut luctus augue pulvinar nec.

{{#bsy-button type="secondary" class="btn-block" click=(action "toggleModal")}}Close{{/bsy-button}}
{{#bsy-button type="primary" class="btn-block"}}Save Changes{{/bsy-button}}
{{/modal-dialog}} {{/if}}