<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link">Checkout</button>
</li>
<li class="ellipsis-actions__list-item">
<button type="button" class="ellipsis-actions__link--disabled">Checkout disabled</button>
</li>
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">Umbenennen</a>
</li>
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">Löschen</a>
</li>
</ul>
</div>
</div>
{% include '@SharedComponents/modules/shared/components/ellipsis-actions/ellipsis-actions.twig' %}
{
"toggle": "More actions",
"list": [
{
"button": {
"title": "Checkout"
}
},
{
"button": {
"title": "Checkout disabled",
"disabled": true
}
},
{
"link": {
"title": "Umbenennen",
"href": "#"
}
},
{
"link": {
"title": "Löschen",
"href": "#"
}
}
]
}
import './ellipsis-actions.scss';
import EllipsisActions, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/ellipsis-actions/ellipsis-actions';
export default EllipsisActions;
export const selector = sel;
@import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/ellipsis-actions/ellipsis-actions";
No notes defined.