filipriec/kompress_eshop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

penguinui is now in the root dir in penguinui-components/

Browse Source
This commit is contained in:
Priec
2026-06-18 10:21:29 +02:00
parent 0a619517b6
commit ee944ed5ce
181 changed files with 7699 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
penguinui-components/rating/emoji-rating.html Normal file
View File

@@ -0,0 +1,31 @@
<div x-data="{ currentVal: 3 }" class="flex items-center gap-1">
<label for="veryDissatisfied" class="transition hover:scale-125 has-focus:scale-125">
<span class="sr-only">very dissatisfied</span>
<input x-model="currentVal" id="veryDissatisfied" type="radio" class="sr-only" name="rating" value="1">
<span class="text-2xl" x-bind:class="currentVal > 0 ? 'grayscale-0' : 'grayscale'">🥴</span>
</label>
<label for="dissatisfied" class="transition hover:scale-125 has-focus:scale-125">
<span class="sr-only">dissatisfied</span>
<input x-model="currentVal" id="dissatisfied" type="radio" class="sr-only" name="rating" value="2">
<span class="text-2xl" x-bind:class="currentVal > 1 ? 'grayscale-0' : 'grayscale'">😕</span>
</label>
<label for="neutral" class="transition hover:scale-125 has-focus:scale-125">
<span class="sr-only">neutral</span>
<input x-model="currentVal" id="neutral" type="radio" class="sr-only" name="rating" value="3">
<span class="text-2xl" x-bind:class="currentVal > 2 ? 'grayscale-0' : 'grayscale'">😐</span>
</label>
<label for="satisfied" class="transition hover:scale-125 has-focus:scale-125">
<span class="sr-only">satisfied</span>
<input x-model="currentVal" id="satisfied" type="radio" class="sr-only" name="rating" value="4">
<span class="text-2xl" x-bind:class="currentVal > 3 ? 'grayscale-0' : 'grayscale'">😊</span>
</label>
<label for="verySatisfied" class="transition hover:scale-125 has-focus:scale-125">
<span class="sr-only">very satisfied</span>
<input x-model="currentVal" id="verySatisfied" type="radio" class="sr-only" name="rating" value="5">
<span class="text-2xl" x-bind:class="currentVal > 4 ? 'grayscale-0' : 'grayscale'">😍</span>
</label>
</div>