github.com/manicqin/nomad@v0.9.5/ui/app/templates/components/freestyle/sg-two-step-button.hbs (about) 1 {{#freestyle-usage "two-step-button" title="Two Step Button"}} 2 <div class="mock-spacing"> 3 {{two-step-button 4 idleText="Scary Action" 5 cancelText="Nvm" 6 confirmText="Yep" 7 confirmationMessage="Wait, really? Like...seriously?"}} 8 </div> 9 {{/freestyle-usage}} 10 11 {{#freestyle-usage "two-step-button-title" title="Two Step Button in Title"}} 12 <div class="mock-spacing"> 13 <h1 class="title"> 14 This is a page title 15 {{two-step-button 16 idleText="Scary Action" 17 cancelText="Nvm" 18 confirmText="Yep" 19 confirmationMessage="Wait, really? Like...seriously?"}} 20 </h1> 21 </div> 22 {{/freestyle-usage}} 23 24 {{#freestyle-usage "two-step-button-loading" title="Two Step Button Loading State"}} 25 <div class="mock-spacing"> 26 <h1 class="title"> 27 This is a page title 28 {{two-step-button 29 idleText="Scary Action" 30 cancelText="Nvm" 31 confirmText="Yep" 32 confirmationMessage="Wait, really? Like...seriously?" 33 awaitingConfirmation=true 34 state="prompt"}} 35 </h1> 36 </div> 37 {{/freestyle-usage}} 38 {{#freestyle-annotation}} 39 <strong>Note:</strong> the <code>state</code> property is internal state and only used here to bypass the idle state for demonstration purposes. 40 {{/freestyle-annotation}}