granite-yaml | Vaadin

A set of Custom Elements to deal with YAML files

Published on


A set of Custom Elements to deal with YAML files.

Available elements:

  • granite-yaml-parser: A parser of YAML to JS object, based on JS-YAML.
  • granite-yaml-remote-parser: A parser of YAML that grabs a YAML file from an URL and parses it into JS object.

Polymer 3.x. element The legacy Polymer 2.x version is available here

Usage example



Install the component using npm:

$ npm i @granite-elements/ace-widget --save

Once installed, import it in your application:

import '@granite-elements/granite-yaml/granite-yaml-parser.js';

Running demos and tests in browser

  1. Fork the granite-yaml repository and clone it locally.

  2. Make sure you have npm and the Polymer CLI installed.

  3. When in the granite-yaml directory, run npm install to install dependencies.

  4. Serve the project using Polyumer CLI:

    polymer serve --module-resolution node --component-dir node_modules

  5. Open the demo in the browser


  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D


Apache Licence, Version 2.0


Link to this version
ImportedReleased 07 August 2018Apache License 2.0
Framework Support
Polymer 3.0+
Also supported:
Polymer 2 (1.1.0)
Browser Independent
Install with
npm install @granite-elements/granite-yaml"@2.0.1"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.0.1


  • @polymer/iron-ajax#^3.0.0-pre.18
  • @polymer/polymer#^3.0.0
  • js-yaml#^3.12.0