feat: implement cart icon component with quantity badge and integrate into store header for improved UI

This commit is contained in:
2026-07-02 09:27:01 -03:00
parent 8a6ed763df
commit 16eea32ce7
12 changed files with 266 additions and 36 deletions

View File

@@ -0,0 +1,13 @@
<button
type="button"
[disabled]="disabled()"
[attr.aria-label]="ariaLabel()"
class="cart-icon"
>
<div class="cart-icon__container">
<i class="fa-solid fa-cart-shopping cart-icon__glyph" aria-hidden="true"></i>
@if (hasQuantity()) {
<span class="cart-icon__badge" data-testid="cart-badge">{{ quantity() }}</span>
}
</div>
</button>