Komponenty

  • Alert Banner _alert-banner.scss
  • Breadcrumb _breadcrumb.scss
  • Buttons _buttons.scss
  • Cards _cards.scss
  • Card Full _card-full.scss
  • Checkbox _checkbox.scss
  • Dropdown Profile _dropdown-profile.scss
  • Hero Slider _hero-slider.scss
  • Home Card _home-card.scss
  • Like Button _like-btn.scss
  • Navbar _navbar.scss
  • Play Button _play-button.scss
  • Product Card _product-card.scss
  • Product Nav _product-nav.scss
  • Radio Input _radio-input.scss
  • Slider History _slider-history.scss
  • Text Input _text-input.scss
  • Typography base/_typography.scss
  • Voucher Card _voucher-card.scss

Dropdown Profile

components/_dropdown-profile.scss

Stan otwarty (statyczny podgląd)

Cześć Przemysław!
220 Punktów WIN
Karta WIN

Punkty możesz wykorzystać do: 31/12/2026

Zobacz nagrody
Mój profil Zdobyte punkty Odebrane nagrody Zgody marketingowe Kontakt

Użycie

Komponent wyświetlany po kliknięciu ikony "Moje konto" w navbar.
Trigger: .navbar__profile-toggle
Panel: #dropdown-profile
JS moduł: profile-dropdown.js

Desktop: Szerokość 320px, wyrównany do prawej krawędzi kontenera.
Mobile: Pełna szerokość ekranu, poniżej navbar.