altinn-designsystem/source/_patterns/02-organismer/30-seksjoner/32-favoritter.json

Altinn Design system based on Pattern Lab.

{
  "favourite-actors": {
    "additional-classes": "a-list-borderTop a-list-noIcon",
    "rows": [
      {
        "additional-classes": "a-dotted a-clickable a-list-hasRowLink",
        "isRowLink": {
          "rowLink": "#"
        },
        "columns": [
          {
            "additional-classes": "col-12",
            "column-items": [
              {
                "column-text": {
                  "text": "Anne Pettersen",
                  "classes": "a-fontBold a-break-name-orgnr col-11",
                  "text-extra": {
                    "text-extra": "fødselsnr. 123456 *****",
                    "classes": "a-fontSizeXXS"
                  }
                }
              }
            ]
          },
          {
            "additional-classes": "text-right a-favourite",
            "column-items": [
              {
                "column-button": {
                  "button-class": "a-btn a-btn-icon a-btn-overlay-right",
                  "button-dot": false,
                  "link-url": false,
                  "button-text": "",
                  "button-icon": {
                    "icon-prefix": "ai",
                    "icon-class": "ai-favourite",
                    "icon-size": "ai-xs"
                  },
                  "column-icon": false
                }
              }
            ]
          }
        ]
      },
      {
        "additional-classes": "a-dotted a-clickable a-list-hasRowLink",
        "isRowLink": {
          "rowLink": "#"
        },
        "columns": [
          {
            "additional-classes": "col-12",
            "column-items": [
              {
                "column-text": {
                  "text": "Pettersen Regnskap - Stavanger AS",
                  "classes": "a-fontBold a-break-name-orgnr col-11",
                  "text-extra": {
                    "text-extra": "org.nr. 908 987 519",
                    "classes": "a-fontSizeXXS"
                  }
                }
              }
            ]
          },
          {
            "additional-classes": "text-right a-favourite",
            "column-items": [
              {
                "column-button": {
                  "button-class": "a-btn a-btn-icon a-btn-overlay-right",
                  "button-dot": false,
                  "link-url": false,
                  "button-text": "",
                  "button-icon": {
                    "icon-prefix": "ai",
                    "icon-class": "ai-favourite",
                    "icon-size": "ai-xs"
                  },
                  "column-icon": false
                }
              }
            ]
          }
        ]
      }
    ]
  },
  "favourite-actors-empty": {
    "additional-classes": "a-list-borderTop a-list-noIcon",
    "rows": [
      {
        "additional-classes": "a-list-rowLink a-list-rowLink-inactive",
        "columns": [
          {
            "additional-classes": "col-12 text-center",
            "column-items": [
              {
                "column-text": {
                  "text": "Din favorittliste er tom. Klikk på stjernesymbolet for å legge til en aktør i listen.",
                  "classes": "a-fontSizeXXS"
                }
              }
            ]
          }
        ]
      }
    ]
  }
}