altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
284 lines • 7.38 kB
JSON
{
"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 ekstern lenke har et ikon",
"link-url": "http://www.skatteetaten.no/",
"sr-text": false,
"link-buttonLarge": {
"link-class": "a-btn-wide a-btn-border",
"link-text": "Meld deg på"
},
"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"
}
],
"button-text": "En standard knapp",
"button-class": "a-btn",
"button-disabled": false,
"button-type": "button",
"onclick": false,
"button-icon": false,
"display-as-link": false,
"aria-label": "knapp med popover",
"enable-popover": true,
"popover-placement": "bottom",
"popover-content-id": "popoverWithIconToggle",
"popover-class": "",
"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
}
],
"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-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"
}
],
"altText": {
"altText": "Vis mer info"
},
"connectedBullets-list-items": [
{
"list-item-title": "Første punkt",
"list-item-content": "Har både tittel, tekst og lenke. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
"list-item-linkInside": true,
"link-class": "",
"link-text": "Det kan du gjøre her",
"link-url": "http://skatteetaten.no",
"link-icon": false,
"list-class": false
},
{
"list-item-title": "Andre punkt har bare tittel",
"list-item-linkInside": false,
"list-class": false
},
{
"list-item-content": "Tredje punkt har bare tekst. 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.",
"list-class": false
},
{
"list-item-content": "Tredje punkt har bare tekst. 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.",
"listItemFootnote": true,
"list-class": false
}
],
"dateDay": "20",
"dateMonth": "feb",
"class": "a-bgBlueLight mb-4 p-2 py-3 p-md-5",
"col": "",
"preTitle": "Arrangement",
"pageTitle": "Altinndagen 2018",
"preTitleClass": "a-fontSizeXL mb-0",
"pageTitleClass": "a-fontSizeXXXL a-fontBold a-blueDarkerText",
"linkExternal": {
"link-text": "Oslo Kongressenter, Youngsgate 21, Oslo",
"link-url": "http://www.skatteetaten.no/"
},
"datoBoks": {
"klokkeslett": {
"connectedBullets-class": "mt-2",
"connectedBullets-list-items": [
{
"list-item-title": "Start:",
"list-item-content": "09.00",
"list-class": "a-fontSizeS"
},
{
"list-item-title": "Slutt:",
"list-item-content": "17.00",
"list-class": "a-fontSizeS"
}
]
},
"dato": {
"dateClass": "a-date--large"
},
"calendarLink": {
"icon-class": "ai ai-date ai-nw ai-nw-pr",
"linkText": "Legg til i kalender"
}
}
}