Cfa Ui Components

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- Destructive -->
<form class="button_to" method="post" action="/destroy"><input type="hidden" name="_method" value="delete" autocomplete="off" /><button class="btn btn--destructive btn--large" type="submit">    <span class="inline-flex items-center justify-center gap-cfa-sm">
      <svg class="cfa-icon" width="24" height="24" aria-hidden="true" focusable="false"><use href="/assets/uswds-sprite-36dd7ae2.svg#delete"></use></svg>
      Remove
    </span>
  </button><input type="hidden" name="authenticity_token" value="shY8xoBmfd4H9iyKE2Jk3aOeVdxozjJ4CNbOuYmS7i00RbvvFpkEq5uICwhTzHvFSYXCs7uJSVfcmUgVH6EbAg" autocomplete="off" /></form>
<!-- Destructive Small -->
<form class="button_to" method="post" action="/destroy"><input type="hidden" name="_method" value="delete" autocomplete="off" /><button class="btn btn--destructive btn--small" type="submit">    <span class="inline-flex items-center justify-center gap-cfa-sm">
      <svg class="cfa-icon" width="16" height="16" aria-hidden="true" focusable="false"><use href="/assets/uswds-sprite-36dd7ae2.svg#delete"></use></svg>
      Remove
    </span>
  </button><input type="hidden" name="authenticity_token" value="gNuEIVHvb-aObCsqfRy_lD1GOfexs4inN5WH4S3sT_cGiAMIxxAWkxISDKg9sqCM112umGL084jj2gFNu9-62A" autocomplete="off" /></form>
<!-- Destructive Disabled -->
<form class="button_to" method="post" action="/destroy"><input type="hidden" name="_method" value="delete" autocomplete="off" /><button class="btn btn--destructive btn--large" disabled="disabled" aria-disabled="true" tabindex="-1" type="submit">    <span class="inline-flex items-center justify-center gap-cfa-sm">
      <svg class="cfa-icon" width="24" height="24" aria-hidden="true" focusable="false"><use href="/assets/uswds-sprite-36dd7ae2.svg#delete"></use></svg>
      Remove
    </span>
  </button><input type="hidden" name="authenticity_token" value="3Ou_LGx34Am3_bXkLaOgbxN5wvfjojVQtCQIeYgaxBBauDgF-oiZfCuDkmZtDb93-WJVmDDlTn9ga47VHikxPw" autocomplete="off" /></form>
1
2
3
4
5
6
7
8
# Destructive
render(ButtonComponent.new(label: I18n.t("preview.remove"), url: "/destroy", variant: :destructive))
# Destructive Small
render(ButtonComponent.new(label: I18n.t("preview.remove"), url: "/destroy", variant: :destructive, size: :small))
# Destructive Disabled
render(ButtonComponent.new(label: I18n.t("preview.remove"), url: "/destroy", variant: :destructive, disabled: true))

No notes provided.

No params configured.