<div class="header-account">
<div class="header-account__container">
<a href="#" class="header-account__link"> <span class="header-account__link-title">Mein Konto</span>
</a>
<button type="button" class="header-account__link--button"> <span class="header-account__link-title">Mein Konto</span>
</button>
</div>
<div class="header-account-dropdown-root">
<div class="dropdown">
<button type="button" class="dropdown__toggle" style="max-width: 200px;">-</button>
<div class="dropdown__content" style="width: 220px; left: auto; right: 0;">
<div class="header-account-dropdown">
<div class="header-account-dropdown__link-list">
<a href="#" class="header-account-dropdown__link">Profil</a>
<a href="#" class="header-account-dropdown__link">Bestellungen</a>
<a href="#" class="header-account-dropdown__link">Merklisten</a>
</div>
<a href="#" class="header-account-dropdown__logout">Abmelden</a>
<div class="header-account-dropdown__button">
<a href="#" class="button--primary-small">Zu meinem Konto</a>
</div>
</div>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/page/components/header/header-account/header-account.twig' %}
{
"demo": false,
"href": "#",
"title": "Mein Konto",
"dropdown": {
"linkList": [
{
"href": "#",
"title": "Profil"
},
{
"href": "#",
"title": "Bestellungen"
},
{
"href": "#",
"title": "Merklisten"
}
],
"logoutLink": {
"href": "#",
"title": "Abmelden"
},
"mobileButton": {
"variant": "primary-small",
"type": "a",
"href": "#",
"title": "Zu meinem Konto"
}
}
}
import './header-account.scss';
import HeaderAccount, {selector as sel} from 'cando-cx-components-library/components/modules/page/components/header/header-account/header-account';
export default HeaderAccount;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/page/components/header/header-account/header-account";
No notes defined.