Additions to documentation

Providing attributes as renderable array

Attributes can be provided using the create_attribute function with the render filter.

{% story default with {
    name: '1. Default',
    args: {
        attributes: create_attribute({'data-component-id': "mytheme:mycomponent",})|render,
        title: 'Summary of the content',
    }
} %}

We can specify the behaviour of args using ArgTypes. For example, this allows us to specify the options available to be selected:

{% stories columns with {title: 'Dreamykit/Layout/Columns',} %}
  {% story default with {
    name: '1. Default',
    argTypes: {
      columns: {
        control: 'radio',
        options: [2, 3, 4, 6, 8],
      }
    },
    args: {
      columns: 4,
    }
  } %}

    {{ include('dreamykit:columns') }}

  {% endstory %}
{% endstories %}