Headline

Information

Folder
src/components/headline

Files

Schema
// src/components/headline/schema.json

{
  "$schema": "http://json-schema.org/draft-07/schema",
  "required": [
    "copy",
    "type"
  ],
  "properties": {
    "copy": {
      "type": "string"
    },
    "type": {
      "type": "string"
    }
  }
}
Mocks
// src/components/headline/mocks.json

{
  "$variants": [
    {
      "$name": "2",
      "type": "2",
      "copy": "Headline 2"
    },
    {
      "$name": "3",
      "type": "3",
      "copy": "Headline 3"
    },
    {
      "$name": "4",
      "type": "4",
      "copy": "Headline 4"
    }
  ]
}
Template
// src/components/headline/index.hbs

<h{{ type }}>{{ copy }}</h{{ type }}>

Variants

2
Open

Headline 2

3
Open

Headline 3

4
Open

Headline 4