{% stories FieldTags with {
  "title": "Molecules/Field tags",
  "parameters": {
    "componentSubtitle": "Field tags",
    "docs": {
      "description": {
        "component": "Field tags with styled taxonomy terms"
      },
      "story": {
        "inline": true
      }
    }
  },
  "argTypes": {
    "label_display": {
      "name": "Label display",
      "description": "Display the label of the field as (above, inline, hidden, or visually_hidden).",
      "defaultValue": "",
      "control": "select",
      "options": {
        "'- none -'": "",
        "Above": "above",
        "Inline": "inline",
        "Hidden": "hidden",
        "'Visually Hidden'": "visually_hidden"
      }
    },
    "label_hidden": {
      "name": "Label hidden",
      "description": "Whether to show the field label or not.",
      "defaultValue": true,
      "control": "boolean"
    },
    "label": {
      "name": "Label",
      "description": "The label for the field.",
      "defaultValue": "",
      "control": "text"
    },
    "items": {
      "name": "Items",
      "description": "List of all the field items. Each item contains attributes, and content.",
      "control": "object",
      "defaultValue": []
    },
    "field_name": {
      "name": "Field name",
      "description": "The name of the field.",
      "defaultValue": "",
      "control": "text"
    },
    "field_type": {
      "name": "Field type",
      "description": "The type of the field.",
      "defaultValue": "",
      "control": "text"
    },
    "field_tags_utility_classes": {
      "name": "Utility Classes",
      "description": "An array of utility classes that can be used to add extra Bootstrap utility classes or custom classes to this component.",
      "control": "object",
      "defaultValue": []
    },
    "attributes": {
      "name": "Attributes",
      "description": "HTML attributes for the field tags element.",
      "control": "object",
      "defaultValue": {}
    },
    "title_attributes": {
      "name": "Title attributes",
      "description": "HTML attributes for the label.",
      "control": "object",
      "defaultValue": {}
    },
    "content_attributes": {
      "name": "Content attributes",
      "description": "HTML attributes for the content.",
      "control": "object",
      "defaultValue": {}
    }
  }
} %}

{% story FieldTags with {
  "name": "Field Tags",
  "args": {
    "label_display": "hidden",
    "label_hidden": true,
    "label": "Tags",
    "items": [
      {"content": "Newsroom"},
      {"content": "Culture"}
    ],
    "field_tags_utility_classes": []
  }
} %}
{{ include('vartheme_bs5:field-tags') }}
{% endstory %}


{% endstories %}
