{
  "sectionType": "featured",
  "columns": [
    {
      "width": "1",
      "content": [
        {
          "type": "bookmarks_overview",
          "placeholder": "Je hebt nog geen opgeslagen artikelen.",
          "conditionalBlocks": [
            {
              "conditions": {
                "userStatus": {
                  "accessType": [
                    "emailaddress",
                    "emailextension"
                  ]
                }
              },
              "content": {
                "hideReadArticles": true,
                "responsive": "bookmarks_overview"
              }
            }
          ]
        }
      ]
    }
  ]
}

Beschikbare props

  • responsive: String, optional
    Voorbeeld: "bookmarks_overview"
  • placeholder: String, optional
    Voorbeeld: "Je hebt nog geen opgeslagen artikelen."
  • placeholderImage: String, optional
    Voorbeeld: "https://example.com/placeholder.jpg"
  • title: String, optional
    Voorbeeld: "Mijn opgeslagen artikelen"
  • bgColor: String, optional
    Voorbeeld: "var(--secondary-color-light)"
  • button: Object, optional
    Voorbeeld: { "text": "Bekijk artikelen", "url": "/nieuws" }
  • button.text: String, required in GaButton
    Voorbeeld: "Bekijk artikelen"
  • button.url: String/Object, optional
    Voorbeeld: "/nieuws"
  • button.bgColor: String, optional
    Voorbeeld: "var(--primary-color)"
  • button.textColor: String, optional
    Voorbeeld: "var(--white-color)"
  • button.size: String, optional, one of "primary" or "default"
    Voorbeeld: "primary"
  • button.direction: String, optional, one of "left" or "right"
    Voorbeeld: "right"
  • button.cookieId: String, optional
    Voorbeeld: "bookmarks-cta"
  • button.trackClick: String, optional
    Voorbeeld: "bookmarks_overview_cta"
  • button.paginationTitle: String, optional
    Voorbeeld: "Opgeslagen artikelen"
  • button.queryManual: String, optional
    Voorbeeld: "vmnAccessTags/any(t:t eq 'free')"
  • button.gaEvent: Object, optional
    Voorbeeld: { "category": "Bookmarks", "action": "Click" }
  • maxAmount: Number, optional
    Voorbeeld: 12
  • heading: Object, optional, default { "level": 2, "variant": "h3" }
    Voorbeeld: { "level": 2, "variant": "h3" }
  • heading.level: Number, required in HeadingStyleProps, one of 1, 2, 3, 4
    Voorbeeld: 2
  • heading.variant: String, required in HeadingStyleProps, one of "h1", "h2", "h3", "h4", "hero", "section-title"
    Voorbeeld: "h3"

Opmerking: Het VSC voorbeeld komt uit pwnet/nl/layouts/mijn-omgeving/mijn-opgeslagen-artikelen-not-read.json. De gevonden configuratie gebruikt ook conditional_blocks; dat is generieke layout-functionaliteit en geen Vue prop. hide_read_articles staat in de conditional content van de gevonden configuratie, maar is niet aanwezig in de huidige Vue prop-definitie.