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