altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
325 lines • 8.21 kB
JSON
{
"button-text": "En standard knapp",
"button-class": "a-btn",
"button-disabled": false,
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"themeCss": "../../css/style.prototype.altinn.css",
"themeJs": "./../../js/altinnPrototyping.js",
"themeJsVendor": "../../js/altinnPrototyping.vendor.js",
"flexWrap": false,
"check-legend": {
"check-legendText": "Velg ett eller flere alternativer"
},
"checkboxes": [
{
"isInline": true,
"isChecked": false,
"checkboxID": "check1",
"checkboxes-title": "Kryss av i den første avkrysningsboksen",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check2",
"checkboxes-title": "Kryss av i den andre avkrysningsboksen",
"isRequired": false
},
{
"isInline": true,
"isChecked": false,
"checkboxID": "check3",
"checkboxes-title": "En avkrysningsboks som er required",
"isRequired": true
},
{
"inactive": true,
"isChecked": false,
"checkboxID": "check4",
"checkboxes-title": "En deaktivert avkrysningsboks",
"isRequired": false
}
],
"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,
"print-form-tag": false,
"text-input-id": "text-input-generic",
"isHidden": false,
"top-label": "Label: ",
"isDisabled": false,
"isInactive": false,
"text-input-placeholder": "f.eks placeholder",
"input-type": "text",
"isRequired": false,
"extra-help": false,
"isLarge": false,
"form-label-hasIcon": false,
"input-name": "input-field",
"form-control-class": "",
"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"
}
],
"aria-label": "knapp med popover",
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "sampleIdPopoverButtoinLink",
"popover-class": "popover-warning",
"popover-text": "Dette er en popover tekst",
"popover-buttons": [
{
"button-text": "knapp",
"button-class": "a-btn a-btn-danger"
},
{
"button-text": "link",
"button-class": "a-btn-link a-linkDanger",
"display-as-link": true
}
],
"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
}
],
"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,
"alert-id": "alert",
"alert-class": "a-message-info",
"alert-items": {
"alert-text": {
"text": "Dette er en driftsmelding eller endringsinformasjon"
}
},
"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",
"collapseID": "myContactInfo",
"dataParent": "#accordion",
"collapse-panel-header-id": "myContactInfoHeader",
"collapseHeader": {
"variation-class": "a-iconText-shadow a-iconText-large a-collapseBtn collapsed",
"hasIcon": false,
"hasImage": {
"image-src": "./images/dinkontakt.svg"
},
"hasTextSmall": false,
"icontext": "Din kontaktinformasjon"
},
"my-contact-first-header": "Lorem ipsum",
"my-contact-second-header": "Lorem ipsum",
"my-contact-first-message": {
"alert-id": false,
"alert-class": "a-message-default",
"alert-items": [
{
"alert-text": {
"text": "<b>Obs!</b> Lorem ipsum"
}
},
{
"alert-link": {
"link-text": "med en lenke som står i løpende tekst",
"link-class": "a-linkArea"
}
}
]
},
"my-contact-second-message": {
"alert-id": false,
"alert-class": "a-message-default",
"alert-items": [
{
"alert-text": {
"text": "<b>Obs!</b> Lorem ipsum"
}
},
{
"alert-link": {
"link-text": "med en lenke som står i løpende tekst",
"link-class": "a-linkArea"
}
}
]
},
"my-contact-checkbox": {
"check-legend": false,
"checkboxes": [
{
"checkboxes-title": "Lorem ipsom dolor"
}
]
},
"my-contact-first-input": {
"text-input-id": "text-input-1337",
"top-label": "Epost:",
"text-input-placeholder": "f.eks post@karinordmann.no",
"input-type": "email",
"isRequired": false,
"isDisabled": true,
"extra-help": false,
"isHidden": false,
"isLarge": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage"
}
},
"my-contact-second-input": {
"text-input-id": "text-input-20",
"top-label": "Epost:",
"text-input-placeholder": "f.eks post@karinordmann.no",
"input-type": "email",
"isRequired": false,
"isDisabled": true,
"extra-help": false,
"isHidden": false,
"isLarge": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage"
}
},
"my-contact-third-input": {
"text-input-id": "text-input-201",
"top-label": "Epost:",
"text-input-placeholder": "f.eks post@karinordmann.no",
"input-type": "email",
"isRequired": false,
"isDisabled": true,
"extra-help": false,
"isHidden": false,
"isLarge": false,
"form-label-hasIcon": {
"icon-prefix": "ai",
"icon-class": "ai-closedmessage"
}
},
"crr-reservation": {
"alert-id": "alert-no-arrow",
"alert-class": "a-message-info a-message--arrow-off a-message--fullwidth",
"alert-items": [
{
"alert-text": {
"text": "Du er reservert mot kommunikasjon på nett fra det offentlige. For å endre dette, eller din kontaktinformasjon, gjør dette i <a href='https://brukerprofil-ver2.difi.no/minprofil/?locale=nb' target='_blank'>Kontakt- og reservasjonsregisteret</a>"
}
}
]
},
"crr-save-btn": {
"button-text": "Lagre",
"button-class": "a-btn a-btn-success mr-1",
"onclick": false,
"button-icon": false
}
}