18 april 2023Fort de Batterijen
{
  "sectionType": "featured",
  "columns": [
    {
      "width": "1",
      "content": [
        {
          "type": "announcement",
          "date": "18 april 2023",
          "location": {
            "text": "Fort de Batterijen",
            "url": "https://goo.gl/maps/H1Lv4Vr1xMkGx4LfA"
          }
        }
      ]
    }
  ]
}

Beschikbare props

  • preTitle: String, optional
    Voorbeeld: "Event"
  • title: String, optional
    Voorbeeld: "Cobouw Diversity"
  • subTitle: String, optional
    Voorbeeld: "Programma"
  • text: String/HTML, optional
    Voorbeeld: "<p>Beschrijving van het event.</p>"
  • date: String, optional
    Voorbeeld: "18 april 2023"
  • location: Object, optional
    Voorbeeld: { "text": "Fort de Batterijen", "url": "https://goo.gl/maps/..." }
  • location.text: String
    Voorbeeld: "Fort de Batterijen"
  • location.url: String URL
    Voorbeeld: "https://goo.gl/maps/..."
  • image: Object, optional
    Voorbeeld: { "url": "https://example.com/image.jpg", "width": 1200, "height": 675, "altText": "Eventbeeld" }
  • image.url: String URL
    Voorbeeld: "https://example.com/image.jpg"
  • image.width: Number
    Voorbeeld: 1200
  • image.height: Number
    Voorbeeld: 675
  • image.altText: String
    Voorbeeld: "Eventbeeld"
  • button: Object as GaButton, optional
    Voorbeeld: { "text": "Aanmelden", "url": "/aanmelden" }
  • button.text: String, required inside GaButton
    Voorbeeld: "Aanmelden"
  • button.url: RouteLocationRaw/String, optional
    Voorbeeld: "/aanmelden"
  • link: Object as GaLink, optional
    Voorbeeld: { "text": "Meer informatie", "url": "/informatie" }
  • link.url: RouteLocationRaw/String, required inside GaLink
    Voorbeeld: "/informatie"
  • link.text: String, optional
    Voorbeeld: "Meer informatie"

Opmerking: Niet-CMS voorbeelden buiten vmntest bevatten alleen date en location; rijkere props zijn wel beschikbaar in de Vue component maar niet gevonden in een actuele site-configuratie.

{
  "sectionType": "featured",
  "columns": [
    {
      "width": "1",
      "content": [
        {
          "type": "announcement",
          "contentItem": 0
        }
      ]
    }
  ]
}