altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
153 lines • 4.78 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",
"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,
"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
}
],
"collapse-header-class": "",
"area-expanded-header": false,
"collapsed": true,
"collapse-header-contentID": "",
"collapse-header-title": "Dette er en utvidbar tittel med merkelapp <span class='badge badge-primary a-label badge-pill'>1</span> og lang tekst for å teste hvordan det ser ut",
"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,
"card-content": {
"link-text": "Dette er en overskrift som er en link 2",
"card-code": "(A01)",
"card-title": "Dette er en underoverskrift",
"card-description": "Her står det en beskrivende tekst. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",
"icon-prefix": "ai",
"icon-class": "ai-others"
},
"card-group": [
{
"card-content": {
"link-text": "Direkte registrering i Altinn",
"card-code": "(A01)",
"card-title": "For mindre virksomheter",
"card-description": "Direkte registrering i Altinn er tilpasset virksomheter med ca 1 - 8 ansatte med enkle arbeidsforhold"
}
},
{
"card-content": {
"link-text": "A-melding - innsending fra system",
"card-code": "(A02)",
"card-title": "Automatisk innsending gjennom lønnsystemet",
"card-description": "Mange lønnssystemer åpner for automatisk innsending gjennom systemet. Dette er den enkleste måten å levere a-melding. Les hvordan du går frem."
}
},
{
"card-content": {
"link-text": "Melding om lønnet arbeid i hjemmet",
"card-code": "(A04)",
"card-title": "For deg som har lønnet ansatt i hjemmet",
"card-description": "Har du vaskehjelp eller vurderer au pair? Privatpersoner som utbetaler lønn skal levere dette skjemaet."
}
},
{
"card-content": {
"link-text": "Forenklet a-melding for veldedig eller allmennyttig organisasjon",
"card-code": "(A05)",
"card-title": "For organisasjoner som utbetaler lønn",
"card-description": "Skjemaet brukes sammen med forenklet oppgjørsordning når en veldedig eller allmennyttig organisasjon engasjerer en privatperson til arbeidsoppdrag."
}
}
]
}