{% load ui_classes %}

<c-vars gap="1" gap_x="0" gap_y="0" padding="auto" />
{% ui_class "ui.menu" "viewport" as viewport_class %}
{% ui_class "ui.menu" "content" gap=gap gapX=gap_x gapY=gap_y padding=padding as content_class %}
<c-ui.scroll-area fade data-ui-menu-scroll-area class="{{ viewport_class }}">
    <div data-ui-menu-content class="{{ content_class }}">{{ slot }}</div>
</c-ui.scroll-area>