altinn-designsystem

{ "button-text": "En knapp med ikon", "button-class": "a-btn a-btn-icon", "button-disabled": false, "button-type": "button", "onclick": false, "button-icon": { "icon-prefix": "ai", "icon-class": "ai-deadline" }, "display-as-link": false, "themeCss": "../../css/style.prototype.altinn.css", "themeJs": "./../../js/altinnPrototyping.js", "themeJsVendor": "../../js/altinnPrototyping.vendor.js", "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, "action-button-text": "En knapp for å legge til", "expandable-content": { "button-class": "a-btn a-btn-action a-fullWidthBtn", "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "", "data-target": "expandableExample", "data-toggle": "altinn-expand", "action-button-text": "Les hele", "expandable-content-id": "expandableExample", "aria-hidden": true, "untabbable": true, "expandable-content": { "button-class": "a-btn a-btn-action a-fullWidthBtn", "icon-prefix": "ai", "icon-class": "ai-plus", "icon-extra-class": "", "data-target": "expandableExample", "data-toggle": "altinn-expand", "action-button-text": "Les hele", "expandable-content-id": "expandableExample", "aria-hidden": true } }, "dropdown-link-class": "a-borderBottom", "dropdown-top-item": { "dropdown-top-item-content": "Lagrede søk", "overflow-extraclass": "pt-1 pb-1" }, "dropdown-item": [ { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-letter-r", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "Lagre søk", "dropdown-item-content-class": "a-fontBold" }, { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-letter-r", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "Annet lagret søk", "dropdown-item-content-class": "a-fontBold" }, { "dropdown-icon": { "icon-prefix": "ai", "icon-class": "ai-settings", "icon-size": "", "icon-extra-class": "a-blue" }, "dropdown-item-content": "tilpass", "dropdown-item-content-class": "a-fontBold" } ], "label-class": "badge-primary", "label-id": false, "label-content": "9", "button-colorClass": "", "link-url": "/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html", "button-shadow-label": false, "icon-list-items": [ { "list-item-name": "Forretningsplan.ods", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-ods ai-md ai-nw pr-1" }, { "list-item-name": "Oppdragsavtale.doc", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment ai-md ai-nw pr-1" }, { "list-item-name": "Driftsbudsjett.pdf", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-pdf ai-md ai-nw pr-1" } ], "link-text": "En lenke ser slik ut", "sr-text": false, "alert-id": "alert", "alert-class": "a-message-info", "alert-items": { "alert-text": { "text": "Dette er en driftsmelding eller endringsinformasjon" } }, "linkIcon-url": "#", "linkIcon-text": "En lenke", "message-info": { "message-status-class": "a-fontBold", "message-status": "mottatt: ", "message-date": "05.03.2016" }, "activitylog": { "linkIcon-url": "/patterns/04-sider-portal-50-innboks-04-innboks-aktivitetslogg/04-sider-portal-50-innboks-04-innboks-aktivitetslogg.html", "linkIcon-text": "Aktivitetslogg", "icon-prefix": "reg ai-nw ai-nw-pr", "icon-class": "reg-log" }, "message-text-block": { "extra-class": "mt-3", "text-paragraph": { "text-paragraph-class": "d-inline", "message-text": "Mva-meldingen skal leveres av de som er registrert i Merverdiavgiftsregisteret. Den viser hvor mye merverdiavgift du som avgiftspliktig skal innbetale til staten, eller staten skal tilbakebetale til deg." }, "text-link": false }, "archive-reference": false, "actions-row": { "button-icons-wrapper-class": "col-lg-auto col-12", "button-wrapper-class": "col", "action-button": { "button-text": "Ok", "button-class": "a-btn", "button-disabled": false, "button-type": "button", "onclick": false, "button-icon": false, "display-as-link": false, "data-target": false, "data-toggle": false }, "action-button-icon": [ { "button-text": "Hjelp", "button-class": "a-btn-link a-btn-md-block mr-2", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-help ai-left" } }, { "button-text": "Arkiver", "button-class": "a-btn-link a-btn-md-block mr-2", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-archive ai-left" } }, { "button-text": "Slett", "button-class": "a-btn-link a-btn-md-block mr-2", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-trash ai-left" } }, { "button-text": "Videresend", "button-class": "a-btn-link a-btn-md-block", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-forward" } } ] }, "attachments": { "icon-list-items": [ { "list-item-name": "Forretningsplan.ods", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-ods ai-md ai-nw pr-1" }, { "list-item-name": "Oppdragsavtale.doc", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment ai-md ai-nw pr-1" }, { "list-item-name": "Driftsbudsjett.pdf", "listItemDescription": "(last ned)", "icon-prefix": "reg", "icon-class": "reg-attachment-pdf ai-md ai-nw pr-1" } ], "download-all": { "button-text": "Last ned alle", "button-class": "a-btn-link", "button-colorClass": "", "link-url": "", "button-shadow-label": false, "button-icon": { "icon-prefix": "reg", "icon-class": "reg-download" } } }, "info-notice": { "alert-id": false, "alert-class": "a-message-info a-message--arrow-off a-message--extendLeft a-message--no-dropshadow pb-4 pt-2", "alert-items": [ { "alert-header": { "classes": "", "text": "<span class='a-fontBold'>fra:</span> Avsender" } }, { "alert-text": { "text": "Dette er en beskjed uten pil og med full bredde" } } ] }, "extra-class-headingContent": false, "heading-icon": { "icon-prefix": "reg", "icon-class": "reg-openmessage", "icon-size": "reg-md-lg", "icon-extra-class": "reg-nw", "aria-hidden": true, "icon-sr-only-text": "Melding lest" }, "heading-tekst": { "textSmall": "Liten tekst", "textMain": "Lorem ipsum dolor sit amet, dolores fabellas vim in, et eum tation legere deserunt, has decore tacimates at. Per ad erant nihil elaboraret, vide civibus offendit ut duo, saperet albucius patrioque mea ut.", "textDescription": "Melding: " }, "due-date-content": { "past-due-date": { "icon-prefix": "reg", "icon-class": "reg-circle-exclamation", "icon-size": "reg-sm", "icon-sr-only-text": "Frist utløpt" }, "due-date": "24.06.2017", "due-date-label": "frist: " }, "shortcuts": { "shortcut-icons": [ { "button-class": "a-btn a-btn-icon", "aria-label": "Arkiv", "tooltip-title": "Arkiv", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-archive", "icon-size": "reg-sm" } }, { "button-class": "a-btn a-btn-icon", "aria-label": "Slett", "tooltip-title": "Slett", "button-icon": { "icon-prefix": "reg", "icon-class": "reg-trash", "icon-size": "reg-sm" } } ] }, "dateDay": "20", "dateMonth": "feb", "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-server", "icon-extra-class": "a-icon a-icon-circle" }, "hasTextSmall": false, "icontext": "Stor tekst", "section-title": "Tittel på seksjon", "extra-class": false, "top-notification": false, "collapseID": "collapseEx1", "dataParent": "#accordion", "collapseHeader": { "variation-class": "a-iconText-shadow a-collapseBtn collapsed", "hasTextSmall": { "textSmall": "Liten tekst" }, "hasIcon": { "icon-prefix": "ai", "icon-class": "ai-private", "icon-extra-class": "a-icon a-icon-circle" }, "icontext": "Stor tekst" }, "pre-header": false, "pre-header-classes": "col-sm-12 col-lg-12 mt-1", "messageBody": false, "extraPanelBodyClass": false, "direct-link-url": false, "collapse-panel-content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam excepturi sit natus pariatur consequuntur labore magnam aperiam non iusto itaque cumque iste ipsum, sed molestias! Placeat quia velit dolor doloremque?", "accordion-large-id": "panelAccordion", "accordion-large-items": [ { "collapseID": "myPanel1", "dataParent": "#panelAccordion", "collapse-panel-header-id": "myPanel1Header", "collapseHeader": { "variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed", "hasIcon": { "icon-prefix": "reg", "icon-class": "reg-lock", "icon-extra-class": "a-icon" }, "hasTextSmall": { "textSmall": "Liten tekst" }, "icontext": "Stor tekst" }, "collapse-panel-content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque." }, { "collapseID": "myPanel2", "dataParent": "#panelAccordion", "collapse-panel-header-id": "myPanel2Header", "collapseHeader": { "variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed", "hasIcon": { "icon-prefix": "reg", "icon-class": "reg-other", "icon-extra-class": "a-icon" }, "hasTextSmall": false, "icontext": "Bare stor tekst" }, "collapse-panel-content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque." }, { "collapseID": "myPanel3", "dataParent": "#panelAccordion", "collapse-panel-header-id": "myPanel3Header", "collapseHeader": { "variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed", "hasIcon": { "icon-prefix": "reg", "icon-class": "reg-document", "icon-extra-class": "a-icon" }, "hasTextSmall": false, "isHeader": { "isH2": true }, "icontext": "Tittel (h2)" }, "collapse-panel-content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus cumque maxime, quam commodi doloremque adipisci deserunt atque non unde rem blanditiis quos veritatis suscipit, omnis animi labore nobis delectus eaque." } ] }