{% stories offcanvas with { title: 'Components/Offcanvas' } %}

{% story default with {
    name: '1. Offcanvas - Right',
    args: { 
      title: 'Navigation Menu',
      position: 'right',
      content: '<ul class="space-y-4"><li><a href="/" class="block hover:text-primary">Home</a></li><li><a href="/about" class="block hover:text-primary">About</a></li><li><a href="/services" class="block hover:text-primary">Services</a></li><li><a href="/contact" class="block hover:text-primary">Contact</a></li></ul>'
    }
  } %}
{% embed 'components:offcanvas' with { 
  title: title,
  position: position
} %}
  {% block content %}
    {{ content }}
  {% endblock %}
{% endembed %}
{% endstory %}

{% endstories %}
