{% stories verticaltabs with { title: 'Components/Navigation/Vertical Tabs' } %}

{% story default with {
  name: '1. Default',
  args: {
    attributes: { class: 'custom-vertical-tabs' },
    children: '

      <div class="vertical-tab-pane is-active">Overview content</div>
      <div class="vertical-tab-pane">Features content</div>
      <div class="vertical-tab-pane">Specifications content</div>
    '
  }
} %}

{% embed 'tailpine:verticaltabs' with {
    attributes: attributes,
    children: children
  } %}

{% endembed %}

{% endstory %}

{% endstories %}
