36 lines
793 B
HTML
36 lines
793 B
HTML
|
<div class="flex items-center border rounded overflow-hidden bg-white" [class.opacity-60]="disabled">
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
class="p-button p-component flex items-center justify-center px-3"
|
||
|
|
(click)="decrease()"
|
||
|
|
[disabled]="disabled"
|
||
|
|
aria-label="decrease"
|
||
|
|
>
|
||
|
|
-
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<input
|
||
|
|
class="text-center w-16 px-2 py-1 outline-none"
|
||
|
|
type="number"
|
||
|
|
[value]="value"
|
||
|
|
(input)="onInput($event)"
|
||
|
|
[min]="min ?? undefined"
|
||
|
|
[max]="max ?? undefined"
|
||
|
|
[step]="step"
|
||
|
|
[disabled]="disabled"
|
||
|
|
aria-label="quantity"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
pButton
|
||
|
|
class="p-button p-component flex items-center justify-center px-3"
|
||
|
|
(click)="increase()"
|
||
|
|
[disabled]="disabled"
|
||
|
|
aria-label="increase"
|
||
|
|
>
|
||
|
|
+
|
||
|
|
</button>
|
||
|
|
</div>
|