altinn-designsystem/source/_patterns/02-organismer/70-Modal-innhold/_30-starte-enk.json

Altinn Design system based on Pattern Lab.

{
  "logo": "../../images/a-logo-white.svg",

	"btn-url": "link.sider-infoportal-forside",
  "login-show": {
    "login-name": "JAN PETTERSEN"
  },

  "button-list": [
    {
      "button-class": "a-modal-back",
      "aria-label":  "Lukk",
      "button-icon-text": "keyboard_backspace",
      "onclick": "goBack()",
      "icon-prefix": "ai",
      "icon-class": "ai-back",
      "icon-extra-class": "",
      "stacked-background": {
        "icon-prefix": "ai",
        "icon-class": "ai-plain-circle-big"
      }
    },
    {
      "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"
      },
      "onclick": "location.href='../../patterns/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive/04-sider-infoportal-10-seksjonsforsider-30-seksjonsforside-v-starteogdrive.html';"
    }
  ],

  "variation-class": "a-iconText-background a-iconText-large",
  "hasIcon": {
    "icon-prefix": "ai",
    "icon-class": "ai-circle-plus",
    "icon-extra-class": "a-icon a-icon-circle"
  },
  "hasTextSmall": {
    "textSmall": "Brønnøysundregistrene"
  },
  "icontext": "Starte Enkeltpersonforetak",

  "section-title": "Tittel på steget",

  "modal-lead": {
    "lead-text-content": "Ingress er et kort innledende avsnitt som vanligvis plasseres mellom overskriften og brødteksten."
  },
  "modal-input-orgName": {
    "top-label": "Foretaksnavn:",
    "text-input-placeholder": "f.eks navnet ditt og virksomheten"
  },

  "modal-validatorInfo": {
    "validatorInfo-text": "Denne teksten forteller hva som skal til for at input blir validert.(Blå før valdidert)",
    "validatorInfo-icon": ""
  },

  "modal-validatorInfoOK": {
    "validatorInfo-text": "Denne teksten forteller hva som skal til for at input blir validert. (Grønn når valdidert)",
    "validatorInfo-icon": ""
  },

  "modal-input-textArea": {
    "textarea-label": "Fyll inn tekst:",
    "textarea-placeholder": "Forklarende hjelpetekst med forslag"
  },

  "modal-input-radio": {
    "radio-legend": {
      "radio-legendText": "Hvilken knapp vil du velge?"
    },
    "radiobuttons": [
      {
        "radiobutton-title": "En radioknapp",
        "radiobutton-id": "radio26"
      },
      {
        "radiobutton-title": "Enda en radioknapp",
      	"radiobutton-id": "radio27"
      }
    ]

  },

  "modal-date": {
      "date-input-label": "Oppstartdato:",
      "form-control-class": "a-hasIcon"
  },

  "modal-chooseCategory": {
    "radio-legend": {
      "radio-legendText": "Hvilken knapp vil du velge?"
    },
    "radio-stacked": "custom-controls-stacked",
    "radio-class": "a-radioButtons-stackedList",
    "radiobuttons": [
      {
        "radiobutton-title": "En radioknapp",
        "radiobutton-id": "radio20",
        "radiobuttons-excerpt": {
          "radiobuttons-excerptText": "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
        }
      },
      {
        "radiobutton-title": "Enda en radioknapp som inneholder <strong>mye tekst</strong>",
      	"radiobutton-id": "radio21",
        "radiobuttons-excerpt": {
          "radiobuttons-excerptText": "Mer lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
        }
      }
    ]

  },

  "modal-nextbutton": {
    "button-text": "Knapp"
  },
  "modal-successbutton": {
    "button-text": "Knapp",
    "button-class": "a-btn a-btn-success"
  },
  "modal-deactivated": {
    "button-text": "Knapp",
    "button-class": "a-btn disabled",
    "button-disabled": "disabled"
  },
  "modal-discard": {
    "button-text": "Knapp",
    "button-class": "a-btn-link",
    "display-as-link": true
  },

  "modal-extraInfo": {

  }
}