altinn-designsystem/source/_patterns/03-maler-infoportal/90-onboarding/00-onboarding.json

Altinn Design system based on Pattern Lab.

{
  "bodyClass": "a-onboarding",
  "header": {
    "logo": "../../images/a-logo-blue.svg"
  },
  "login-icon": {
    "icon-prefix": "ai",
    "icon-class": "ai-keyhole-circle"
  },
  "kontakt": {
    "card-picture-content": {
      "image": false,
      "card-picture-title": "Test av onboarding",
      "card-picture-description": "",
      "tel": false,
      "mail": false,
      "linkIcon": {
        "linkIcon-text": "Åpne onboarding",
        "icon-prefix": "ai ai-nw ai-nw-pr",
        "icon-class": "ai-send",
        "linkIcon-url": "javascript:void(0)",
        "data-toggle": "altinn-modal",
        "data-action": "load",
        "data-url": {
          "data-url": "../../patterns/02-organismer-80-Modal-js-innhold-50-onboarding-steg1/02-organismer-80-Modal-js-innhold-50-onboarding-steg1.markup-only.html"
        },
        "data-target": "#modal"
      }
    }
  },
  "kontaktskjema": {
    "header": {
      "logo": "../../images/a-logo-white.svg"
    },
    "show-login": false,
    "display-as-dropdown": false,
    "logo": {
      "logo": "../../images/a-logo-black.svg"
    },
    "logo-class": "a-modal-top-logo",
    "login-show": {
      "login-name": "Kari Nordmann",
      "login-icon": {
        "icon-prefix": "ai",
        "icon-class": "ai-private-circle-big",
        "icon-extra-class": "a-personSwitcher-icon"
      }
    },
    "icon": "group_add",
    "hasTextSmall": false,
    "modal-navbar-override": {
      "button-list": [
        {
          "button-class": "a-modal-close",
          "aria-label": "Lukk",
          "icon-prefix": "ai",
          "icon-class": "ai-exit",
          "icon-extra-class": "a-modal-close-icon",
          "stacked-background": {
            "icon-prefix": "ai",
            "icon-class": "ai-plain-circle-big"
          },
          "is-modal-close": {
            "data-target": "#modal"
          },
          "onclick": "goBack()"
        }
      ]
    }
  }
}