@adobe/helix-pipeline/icon-example.json

This project provides helper functions and default implementations for creating Hypermedia Processing Pipelines.

{
  "type": "root",
  "children": [
    {
      "type": "heading",
      "depth": 1,
      "children": [
        {
          "type": "text",
          "value": "The "
        },
        {
          "type": "strong",
          "children": [
            {
              "type": "text",
              "value": "Helix"
            }
          ]
        },
        {
          "type": "text",
          "value": " "
        },
        {
          "type": "icon",
          "value": "pipeline",
          "code": ":pipeline:"
        },
        {
          "type": "icon",
          "value": "ipelin",
          "code": "pipeline"
        },
        {
          "type": "text",
          "value": "ts icons now"
        }
      ]
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "text",
          "value": "This "
        },
        {
          "type": "icon",
          "value": "tada",
          "code": ":tada:"
        },
        {
          "type": "icon",
          "value": "ad",
          "code": "tada"
        },
        {
          "type": "text",
          "value": "ll render as an icon. "
        },
        {
          "type": "icon",
          "value": "thumbsup",
          "code": ":thumbsup:"
        },
        {
          "type": "icon",
          "value": "humbsu",
          "code": "thumbsup"
        }
      ]
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "text",
          "value": "This :#tada: will also render as an icon, but is part of an icon collection."
        }
      ]
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "text",
          "value": "I said: this is cool. There are smiles :) - even "
        },
        {
          "type": "strong",
          "children": [
            {
              "type": "text",
              "value": "big "
            },
            {
              "type": "icon",
              "value": "smiles",
              "code": ":smiles:"
            },
            {
              "type": "icon",
              "value": "mile",
              "code": "smiles"
            }
          ]
        },
        {
          "type": "text",
          "value": " and "
        },
        {
          "type": "link",
          "title": null,
          "url": "http://www.example.com/",
          "children": [
            {
              "type": "icon",
              "value": "foo",
              "code": ":foo:"
            },
            {
              "type": "icon",
              "value": "o",
              "code": "foo"
            }
          ]
        }
      ]
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "text",
          "value": ":: smile "
        },
        {
          "type": "icon",
          "value": "smile",
          "code": ":smile:"
        },
        {
          "type": "text",
          "value": ":"
        },
        {
          "type": "icon",
          "value": "mil",
          "code": "smile"
        },
        {
          "type": "text",
          "value": "::"
        },
        {
          "type": "icon",
          "value": "smile",
          "code": ":smile:"
        },
        {
          "type": "text",
          "value": ":::"
        },
        {
          "type": "icon",
          "value": "mil",
          "code": "smile"
        },
        {
          "type": "text",
          "value": ":"
        }
      ]
    },
    {
      "type": "code",
      "lang": "javascript",
      "meta": null,
      "value": "console.log('this is in a :code: block');"
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "inlineCode",
          "value": "this is inline :code:"
        }
      ]
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "icon",
          "value": "rocket",
          "code": ":rocket:"
        },
        {
          "type": "icon",
          "value": "ocke",
          "code": "rocket"
        },
        {
          "type": "text",
          "value": "n icon at the beginning of the line, and here's one at the end: "
        },
        {
          "type": "icon",
          "value": "heart-0",
          "code": ":heart-0:"
        },
        {
          "type": "icon",
          "value": "eart-",
          "code": "heart-0"
        }
      ]
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "text",
          "value": "Oh, and 09:00:00 is a time code."
        }
      ]
    },
    {
      "type": "paragraph",
      "children": [
        {
          "type": "text",
          "value": "No icon here"
        }
      ]
    }
  ]
}