Snippets for Jøkul in VS Code

jkl-snippets.json

{
  "jklird": {
    "prefix": "jklird",
    "body": "import { ${1} } from '@fremtind/jkl-${1/(.*)/${1:/downcase}/}-react';"
  },
  "jklir": {
    "prefix": "jklir",
    "body": "import { ${1} } from '@fremtind/jkl-${2}-react';"
  },
  "jklis": {
    "prefix": "jklis",
    "body": ["import '@fremtind/jkl-${1}/${1}.min.css';"]
  },
  "jklisvar": {
    "prefix": "jklisvar",
    "body": ["@import \"~@fremtind/jkl-core/variables/_all.scss\";"]
  },
  "jklismix": {
    "prefix": "jklismix",
    "body": ["@import \"~@fremtind/jkl-core/mixins/_all.scss\";"]
  },
  "jkltl": {
    "prefix": "jkltl",
    "body": ["<h$1 className=\"jkl-title-large\">$2</h$1>"]
  },
  "jklts": {
    "prefix": "jklts",
    "body": ["<h$1 className=\"jkl-title-small\">$2</h$1>"]
  },
  "jklhl": {
    "prefix": "jklhl",
    "body": ["<h$1 className=\"jkl-heading-large\">$2</h$1>"]
  },
  "jklhm": {
    "prefix": "jklhm",
    "body": ["<h$1 className=\"jkl-heading-medium\">$2</h$1>"]
  },
  "jklhs": {
    "prefix": "jklhs",
    "body": ["<h$1 className=\"jkl-heading-small\">$2</h$1>"]
  },
  "jklpl": {
    "prefix": "jklpl",
    "body": ["<$1 className=\"jkl-lead\">$2</$1>"]
  },
  "jklpb": {
    "prefix": "jklpb",
    "body": ["<p className=\"jkl-body\">$1</p>"]
  },
  "jklps": {
    "prefix": "jklps",
    "body": ["<p className=\"jkl-small\">$1</p>"]
  },
  "jklpm": {
    "prefix": "jklpm",
    "body": ["<p className=\"jkl-micro\">$1</p>"]
  },
  "jklsl": {
    "prefix": "jklsl",
    "body": ["jkl-layout-spacing--$1-$2"]
  },
  "jklsc": {
    "prefix": "jklsc",
    "body": ["jkl-component-spacing--$1-$2"]
  }
}