Lookbook
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class='chips-container' data-controller='tooltip'>
  <div>
    <label for='chips-name-check'>
      <input id='chips-name-check' name='name' type='checkbox' value='value' />
      <span>
        <svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none" class="chips-check-icon">
          <path d="M9.76764 0.232287C9.45824 -0.0775267 8.95582 -0.0773313 8.646 0.232287L3.59787 5.28062L1.35419 3.03696C1.04438 2.72714 0.542174 2.72714 0.23236 3.03696C-0.0774534 3.34677 -0.0774534 3.84897 0.23236 4.15879L3.03684 6.96326C3.19165 7.11807 3.39464 7.19567 3.59765 7.19567C3.80067 7.19567 4.00386 7.11827 4.15867 6.96326L9.76764 1.3541C10.0775 1.0445 10.0775 0.542081 9.76764 0.232287Z" fill="var(--primary-color)"></path>
        </svg>
        <div>
          value
        </div>
      </span>
    </label>
  </div>
</div>
1
render(ChipsComponent.new(name: name, value: value))

No notes provided.

Param Description Input

—

—