LoopOS UI v1.1.26.2

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
<div class="loopui-image group loopui-image--full loopui-image--square" data-controller="upload">
  <svg class="loopui-image__image" width="162" height="162" viewBox="0 0 162 162" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="162" height="162" rx="8" fill="#DEE2E6"/>
    <path d="M81 73.5001C81 71.1989 82.8655 69.3334 85.1667 69.3334C87.4679 69.3334 89.3334 71.1989 89.3334 73.5001C89.3334 75.8013 87.4679 77.6667 85.1667 77.6667C82.8655 77.6667 81 75.8013 81 73.5001Z" fill="white"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M77.5938 62.6667C75.322 62.6667 73.5153 62.6667 72.0577 62.7858C70.565 62.9078 69.2922 63.1629 68.1268 63.7567C66.2452 64.7154 64.7154 66.2452 63.7566 68.1268C63.1628 69.2923 62.9077 70.565 62.7858 72.0577C62.6667 73.5154 62.6667 75.3221 62.6667 77.5938V84.4063C62.6667 86.6781 62.6667 88.4848 62.7858 89.9425C62.9077 91.4351 63.1628 92.7079 63.7566 93.8733C64.7154 95.7549 66.2452 97.2847 68.1268 98.2435C69.2922 98.8373 70.565 99.0924 72.0577 99.2143C73.5153 99.3334 75.3219 99.3334 77.5936 99.3334H84.4063C86.678 99.3334 88.4848 99.3334 89.9424 99.2143C91.4351 99.0924 92.7078 98.8373 93.8733 98.2435C95.7549 97.2847 97.2847 95.7549 98.2434 93.8733C98.8372 92.7079 99.0923 91.4351 99.2143 89.9425C99.3334 88.4848 99.3334 86.6782 99.3334 84.4065V77.5938C99.3334 75.3221 99.3334 73.5153 99.2143 72.0577C99.0923 70.565 98.8372 69.2923 98.2434 68.1268C97.2847 66.2452 95.7549 64.7154 93.8733 63.7567C92.7078 63.1629 91.4351 62.9078 89.9424 62.7858C88.4847 62.6667 86.678 62.6667 84.4063 62.6667H77.5938ZM69.6401 66.7267C70.2573 66.4122 71.0426 66.2132 72.3291 66.1081C73.6351 66.0014 75.3056 66.0001 77.6667 66.0001H84.3334C86.6944 66.0001 88.365 66.0014 89.671 66.1081C90.9575 66.2132 91.7428 66.4122 92.36 66.7267C93.6144 67.3659 94.6342 68.3857 95.2734 69.6401C95.5879 70.2573 95.7869 71.0426 95.892 72.3292C95.9987 73.6351 96 75.3057 96 77.6667V84.3334C96 84.9308 95.9999 85.4839 95.9981 85.9981L93.357 83.3571C92.0553 82.0554 89.9447 82.0554 88.643 83.3571L84.9226 87.0775C84.5972 87.4029 84.0695 87.4029 83.7441 87.0775L73.357 76.6904C72.0553 75.3887 69.9447 75.3887 68.643 76.6904L66 79.3334V77.6667C66 75.3057 66.0013 73.6351 66.108 72.3292C66.2131 71.0426 66.4122 70.2573 66.7266 69.6401C67.3658 68.3857 68.3857 67.3659 69.6401 66.7267Z" fill="white"/>
    <path d="M81 73.5001C81 71.1989 82.8655 69.3334 85.1667 69.3334C87.4679 69.3334 89.3334 71.1989 89.3334 73.5001C89.3334 75.8013 87.4679 77.6667 85.1667 77.6667C82.8655 77.6667 81 75.8013 81 73.5001Z" stroke="white" stroke-width="1.67"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="M77.5938 62.6667C75.322 62.6667 73.5153 62.6667 72.0577 62.7858C70.565 62.9078 69.2922 63.1629 68.1268 63.7567C66.2452 64.7154 64.7154 66.2452 63.7566 68.1268C63.1628 69.2923 62.9077 70.565 62.7858 72.0577C62.6667 73.5154 62.6667 75.3221 62.6667 77.5938V84.4063C62.6667 86.6781 62.6667 88.4848 62.7858 89.9425C62.9077 91.4351 63.1628 92.7079 63.7566 93.8733C64.7154 95.7549 66.2452 97.2847 68.1268 98.2435C69.2922 98.8373 70.565 99.0924 72.0577 99.2143C73.5153 99.3334 75.3219 99.3334 77.5936 99.3334H84.4063C86.678 99.3334 88.4848 99.3334 89.9424 99.2143C91.4351 99.0924 92.7078 98.8373 93.8733 98.2435C95.7549 97.2847 97.2847 95.7549 98.2434 93.8733C98.8372 92.7079 99.0923 91.4351 99.2143 89.9425C99.3334 88.4848 99.3334 86.6782 99.3334 84.4065V77.5938C99.3334 75.3221 99.3334 73.5153 99.2143 72.0577C99.0923 70.565 98.8372 69.2923 98.2434 68.1268C97.2847 66.2452 95.7549 64.7154 93.8733 63.7567C92.7078 63.1629 91.4351 62.9078 89.9424 62.7858C88.4847 62.6667 86.678 62.6667 84.4063 62.6667H77.5938ZM69.6401 66.7267C70.2573 66.4122 71.0426 66.2132 72.3291 66.1081C73.6351 66.0014 75.3056 66.0001 77.6667 66.0001H84.3334C86.6944 66.0001 88.365 66.0014 89.671 66.1081C90.9575 66.2132 91.7428 66.4122 92.36 66.7267C93.6144 67.3659 94.6342 68.3857 95.2734 69.6401C95.5879 70.2573 95.7869 71.0426 95.892 72.3292C95.9987 73.6351 96 75.3057 96 77.6667V84.3334C96 84.9308 95.9999 85.4839 95.9981 85.9981L93.357 83.3571C92.0553 82.0554 89.9447 82.0554 88.643 83.3571L84.9226 87.0775C84.5972 87.4029 84.0695 87.4029 83.7441 87.0775L73.357 76.6904C72.0553 75.3887 69.9447 75.3887 68.643 76.6904L66 79.3334V77.6667C66 75.3057 66.0013 73.6351 66.108 72.3292C66.2131 71.0426 66.4122 70.2573 66.7266 69.6401C67.3658 68.3857 68.3857 67.3659 69.6401 66.7267Z" stroke="white" stroke-width="1.67"/>
  </svg>
</div>

No Usage documentation to display.

1
<%= render LooposUi::Image.new(rounded: params[:rounded] || false, size: params[:size] || "full") %>

No notes provided.

Param Description Input

—

—

No documentation to display.