declare const tutorial = "\n<div style=\"padding: 15px 20px\" default-source-provider=\"Demo\">\n\n  <style>\n    frc-number-bar {\n      margin-bottom: 10px;\n    }\n    h1 {\n      margin: 0 0 10px;\n    }\n  </style>\n\n  <h1>Number Slider</h1>\n\n  <fwc-code-sample>\n\n    <frc-number-slider value=\".5\"></frc-number-slider>\n\n    <frc-number-slider \n      value=\"25\"\n      min=\"0\"\n      max=\"100\"\n      block-increment=\"25\"\n    ></frc-number-slider>\n  </fwc-code-sample>\n\n  <!-- code for \"Try it out\" section -->\n  <h3>Try it out!</h3>\n\n  <fwc-number source-key=\"/slide/value\" value=\"1\"></fwc-number>\n  <fwc-number source-key=\"/slide/min\" value=\"-10\"></fwc-number>\n  <fwc-number source-key=\"/slide/max\" value=\"10\"></fwc-number>\n  <fwc-number source-key=\"/slide/blockIncrement\" value=\".1\"></fwc-number>\n\n  <frc-number-slider source-key=\"/slide\"></frc-number-slider>\n\n  <div class=\"try-it-out\">\n    <vaadin-number-field \n      label=\"Value\" \n      theme=\"small\" \n      source-key=\"/slide/value\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Min\" \n      theme=\"small\" \n      source-key=\"/slide/min\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Max\" \n      theme=\"small\" \n      source-key=\"/slide/max\"\n      has-controls\n    ></vaadin-number-field>\n\n    <vaadin-number-field \n      label=\"Block Increment\" \n      theme=\"small\" \n      source-key=\"/slide/blockIncrement\"\n      has-controls\n      step=\".1\"\n    ></vaadin-number-field>\n  </div>\n\n</div>\n";
export default tutorial;