Anchor ViewComponents

Pages

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div class="overflow-auto">
  <table class="text-left text-base w-full">
    <thead>
      <tr class="border-b border-subdued">
        <th class="font-semibold px-2 py-3 w-10" scope="col">
          <form class="" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XzncOwPD7LA_rLFfWyN4nqFwfuoqE247Lrh-Tl7NJmN1TivcmQX-lt71YOgPqm44_he0om9gjRcIhwqTmdwW3w" autocomplete="off" /><input name="facility" type="hidden" value="value" autocomplete="off" /><input class="form-checkbox rounded border-2 checked:bg-accent shrink-0 m-[3px] !size-4.5 hover:border-gray-600 checked:hover:border-accent-hover checked:hover:bg-accent-hover disabled:border-subdued disabled:checked:bg-subdued disabled:checked:hover:border-subdued" data-testid="checkbox-facility" type="checkbox" value="value" name="facility" id="facility" />
          </form>
        </th>
          
        <th class="font-semibold px-2 py-3" scope="col">
          Column 1
        </th>
          
        <th class="font-semibold px-2 py-3" scope="col">
          Column 2
        </th>
      </tr>
    </thead>
    <tbody>
      <tr class="border-b border-subdued" data-testid="tr-1">
        <td class="relative px-2 py-3 w-10" style="" data-testid="tr-1-td-0">
          <form class="" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rq1Ox9v1eZkiqhRl09IdF0Wio5PDd8xi6KDKPdeU7giE2rkgQTNrv8PzxdKHWwuxGsVp24YEL07On77gEIXetA" autocomplete="off" /><input name="facility" type="hidden" value="value" autocomplete="off" /><input class="form-checkbox rounded border-2 checked:bg-accent shrink-0 m-[3px] !size-4.5 hover:border-gray-600 checked:hover:border-accent-hover checked:hover:bg-accent-hover disabled:border-subdued disabled:checked:bg-subdued disabled:checked:hover:border-subdued" data-testid="checkbox-facility" type="checkbox" value="value" name="facility" id="facility" />
          </form>
        </td>
        <td class="relative px-2 py-3" style="" data-testid="tr-1-td-1">Name 1</td>
        <td class="relative px-2 py-3" style="" data-testid="tr-1-td-2">Name 1</td>
      </tr>
      <tr class="border-b border-subdued" data-testid="tr-2">
        <td class="relative px-2 py-3 w-10" style="" data-testid="tr-2-td-0">
          <form class="" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LyH_4dFGfxZ-VsWjvQU4ymgykG3NJiLcYrCghJq786AFVggGS4BtMJ8PFBTpjC5sN1VaJYhVwfBEj9RZXarDHA" autocomplete="off" /><input name="facility" type="hidden" value="value" autocomplete="off" /><input class="form-checkbox rounded border-2 checked:bg-accent shrink-0 m-[3px] !size-4.5 hover:border-gray-600 checked:hover:border-accent-hover checked:hover:bg-accent-hover disabled:border-subdued disabled:checked:bg-subdued disabled:checked:hover:border-subdued" data-testid="checkbox-facility" type="checkbox" value="value" name="facility" id="facility" />
          </form>
        </td>
        <td class="relative px-2 py-3" style="" data-testid="tr-2-td-1">Name 2</td>
        <td class="relative px-2 py-3" style="" data-testid="tr-2-td-2">Name 2</td>
      </tr>
      <tr class="border-b border-subdued" data-testid="tr-3">
        <td class="relative px-2 py-3 w-10" style="" data-testid="tr-3-td-0">
          <form class="" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f-DrUoqvgFoHJ7IjKJ70WPzRk5Dv_wiszIR_jWE4QzpVlxy1EGmSfOZ-Y5R8F-L-o7ZZ2KqM64DquwtQpilzhg" autocomplete="off" /><input name="facility" type="hidden" value="value" autocomplete="off" /><input class="form-checkbox rounded border-2 checked:bg-accent shrink-0 m-[3px] !size-4.5 hover:border-gray-600 checked:hover:border-accent-hover checked:hover:bg-accent-hover disabled:border-subdued disabled:checked:bg-subdued disabled:checked:hover:border-subdued" data-testid="checkbox-facility" type="checkbox" value="value" name="facility" id="facility" />
          </form>
        </td>
        <td class="relative px-2 py-3" style="" data-testid="tr-3-td-1">Name 3</td>
        <td class="relative px-2 py-3" style="" data-testid="tr-3-td-2">Name 3</td>
      </tr>
      <tr class="border-b border-subdued" data-testid="tr-4">
        <td class="relative px-2 py-3 w-10" style="" data-testid="tr-4-td-0">
          <form class="" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dvnsSH6IcvLDGbpBGuCKAlaDv4puBmOIEVl6fF1Cm6Rcjhuv5E5g1CJAa_ZOaZykCeR1wit1gKQ3Zg6hmlOrGA" autocomplete="off" /><input name="facility" type="hidden" value="value" autocomplete="off" /><input class="form-checkbox rounded border-2 checked:bg-accent shrink-0 m-[3px] !size-4.5 hover:border-gray-600 checked:hover:border-accent-hover checked:hover:bg-accent-hover disabled:border-subdued disabled:checked:bg-subdued disabled:checked:hover:border-subdued" data-testid="checkbox-facility" type="checkbox" value="value" name="facility" id="facility" />
          </form>
        </td>
        <td class="relative px-2 py-3" style="" data-testid="tr-4-td-1">Name 4</td>
        <td class="relative px-2 py-3" style="" data-testid="tr-4-td-2">Name 4</td>
      </tr>
    </tbody>
  </table>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<%= anchor_table(data:) do |table|
  table.with_column(
    width: :checkbox,
    header: ->(table) do
      anchor_form_with(spacing: false, url: "#") do |form|
        form.check_box(
          :facility,
          {},
          "value",
          "value"
        )
      end
    end,
    value: ->(_model) do
      anchor_form_with(spacing: false, url: "#") do |form|
        form.check_box(
          :facility,
          {},
          "value",
          "value"
        )
      end
    end
  )
  table.with_column(header: "Column 1", value: -> { _1.name.capitalize })
  table.with_column(header: "Column 2", value: -> { _1.name.capitalize })
end %>

No notes provided.

No params configured.