altinn-designsystem

{ "icon-prefix": "ai", "icon-class": "ai-deadline", "icon-size": "", "icon-extra-class": "", "icon-text": "", "icon-id": false, "sr-only": false, "aria-hidden": false, "stacked-background": false, "icon-post-text": false, "icon-title": false, "icon-sr-only-text": false, "themeCss": "../../css/style.prototype.altinn.css", "themeJs": "./../../js/altinnPrototyping.js", "themeJsVendor": "../../js/altinnPrototyping.vendor.js", "link-text": "En lenke ser slik ut", "link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html", "sr-text": false, "button-text": "En standard knapp", "button-class": "a-btn", "button-disabled": false, "button-type": "button", "onclick": false, "button-icon": false, "display-as-link": false, "alert-id": "alert", "alert-class": "a-message-info", "alert-items": { "alert-text": { "text": "Dette er en driftsmelding eller endringsinformasjon" } }, "header-text": "Forklarende tittel", "intro-text": "Beskrivelse av innholdet i listen:", "rows": [ { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Første rad" } } ] } ] }, { "additional-classes": "a-dotted a-list a-list-noIcon", "columns": [ { "additional-classes": "col", "column-items": [ { "column-text": { "text": "Andre rad" } } ] } ] } ], "popover-aria-label": "valid", "open-popover-class": "a-helpIconButton a-helpIconButton--blue a-js-togglePopoverIcons", "popover-data-target": "myPopup", "popover-title": false, "popover-content": false, "popover-class": "", "popover-link-text": "", "popover-various-content": { "alert-items": [ { "alert-text": { "text": "Dette er en tekst " } }, { "alert-link": { "link-text": "med en lenke som står i løpende tekst", "link-url": "http://www.altinn.no" } }, { "alert-text": { "text": "og man kan ha mer tekst etter." } } ] }, "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-circle-plus", "icon-extra-class": "a-js-popoverIconInitial" }, { "icon-prefix": "ai", "icon-class": "ai-circle-minus", "icon-extra-class": "a-js-popoverIconExpanded" } ], "popover-content-id": "popoverWithIconToggle", "altText": { "altText": "Vis mer info" }, "checkbuttons": [ { "checkbuttons-title": " Kun lese", "checkbuttons-id": "checkbutton-read", "checkbuttons-class": "", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-read" } }, { "checkbuttons-title": " Fylle ut", "checkbuttons-id": "checkbutton-edit", "checkbuttons-class": "", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-write" } }, { "checkbuttons-title": " Signere", "checkbuttons-id": "checkbutton-sign", "checkbuttons-class": "", "role": "button", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-sign" }, "stacked-background": false, "enable-popover": true, "popover-placement": "bottom", "popover-content-id": "conditionalPopover", "popover-class": "popover-warning", "popover-text": "Dette er en popover tekst", "data-trigger": "onchange", "popover-buttons": [ { "button-text": "knapp", "button-class": "a-btn a-btn-danger" } ] }, { "checkbuttons-title": " Toggle state icon", "checkbuttons-id": "checkbutton-toggle", "checkbuttons-class": "a-toggle-icon", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-plus" }, "checkbuttons-toggle-icon": { "checkbuttons-class": "a-toggle-icon", "icon-prefix": "ai", "icon-class": "ai-check" } }, { "checkbuttons-title": "Eksempel uten ikon", "checkbuttons-id": "checkbutton-example", "checkbuttons-class": "", "hasIcon": false }, { "checkbuttons-title": "Eksempel på deaktivert", "checkbuttons-id": "checkbutton-deactivated", "checkbuttons-class": "disabled", "isDisabled": true, "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-sign" } }, { "checkbuttons-title": "Eksempel med veldig veldig veldig lang tekst som blir kuttet av på mobilvisning", "checkbuttons-id": "checkbutton-longtext", "checkbuttons-class": "", "hasIcon": false } ], "delegation-header-text": { "hasIcon": false, "hasTextSmall": true, "textSmall": "Liten tekst", "icontext": "Stor tekst" }, "delegation-sub-header-text": "Roller underoverskrift", "delegation-sub-header-text-secondary": "Tekst under overskrift", "delegation-submit": { "button-text": "Fullfør", "button-class": "a-btn a-btn-success", "button-type": "submit" }, "delegation-has": { "delegation-has-text": "Tekst har roller:", "checkbuttons": [ { "checkbuttons-title": "Eksempel på deaktivert", "checkbuttons-id": "checkbutton-deactivated-roles-1", "checkbuttons-class": "disabled", "isDisabled": true, "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-write" } }, { "checkbuttons-title": "Eksempel på deaktivert", "checkbuttons-id": "checkbutton-deactivated-roles-2", "checkbuttons-class": "disabled", "isDisabled": true, "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-sign" } } ] }, "delegation-needs": { "has-popover-link": { "popover-link-text": "Klikk for å se hva rollen gir tilgang til", "popover-link-text-class": "sr-only", "open-popover-class": "a-helpIconButton a-js-persistPopover a-js-togglePopoverIcons", "popover-class": "popover-big", "popover-content": "Innholdet i popover fra spørsmålstegn-ikonet kommer her..", "popover-link-icon": [ { "icon-prefix": "ai", "icon-class": "ai-help-popicon", "stacked-background": { "stacked-container-class": "a-js-popoverIconInitial", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } }, { "icon-prefix": "ai", "icon-class": "ai-circle-exit", "stacked-background": { "stacked-container-class": "a-js-popoverIconExpanded", "icon-prefix": "ai", "icon-class": "ai-plain-circle", "icon-extra-class": "" } } ] }, "delegation-needs-text": "Tekst trenger roller:", "checkbuttons": [ { "checkbuttons-title": "Eksempel uten ikon", "checkbuttons-id": "checkbutton-example-roles-1", "checkbuttons-class": "", "hasIcon": false }, { "checkbuttons-title": "Eksempel uten ikon", "checkbuttons-id": "checkbutton-example-roles-2", "checkbuttons-class": "", "hasIcon": false }, { "checkbuttons-title": "Eksempel disabled", "checkbuttons-id": "checkbutton-example-roles-3", "checkbuttons-class": "disabled", "isDisabled": true, "hasIcon": false } ] }, "delegation-message": { "alert-id": "alert-no-arrow", "alert-class": "a-message-error a-message--arrow-off a-message--fullwidth", "alert-content": "Dette er en beskjed uten pil og med full bredde" }, "delegation-alternative-link": { "link-text": "Lenke som står selvstendig alene" }, "show-give-rights": true, "show-gi-fjerne-roller": false, "show-missing-email": false, "show-tjenesteoversikt": false, "show-add-rightholder": false, "show-tilgang-tjenester": false, "show-aktivitetslogg": false, "show-local-role": false }