UNPKG

webdash-readme-preview

Version:
60 lines (56 loc) 1.79 kB
/** * DO NOT EDIT * * This file was automatically generated by * https://github.com/Polymer/gen-typescript-declarations * * To modify these typings, edit the source file(s): * demo-snippet.html */ /// <reference path="../polymer/types/polymer.d.ts" /> /// <reference path="../marked-element/marked-element.d.ts" /> /// <reference path="../prism-element/prism-highlighter.d.ts" /> /// <reference path="../prism-element/prism-theme-default.d.ts" /> /** * `demo-snippet` is a helper element that displays the source of a code snippet and * its rendered demo. It can be used for both native elements and * Polymer elements. * * Example of a native element demo * * <demo-snippet> * <template> * <input type="date"> * </template> * </demo-snippet> * * Example of a Polymer <paper-checkbox> demo * * <demo-snippet> * <template> * <paper-checkbox>Checkbox</paper-checkbox> * <paper-checkbox checked>Checkbox</paper-checkbox> * </template> * </demo-snippet> * * ### Styling * * The following custom properties and mixins are available for styling: * * Custom property | Description | Default * ----------------|-------------|---------- * `--demo-snippet` | Mixin applied to the entire element | `{}` * `--demo-snippet-demo` | Mixin applied to just the demo section | `{}` * `--demo-snippet-code` | Mixin applied to just the code section | `{}` */ interface DemoSnippetElement extends Polymer.Element { _markdown: string|null|undefined; attached(): void; detached(): void; _updateMarkdown(): void; _copyToClipboard(): any; _resetCopyButtonState(): void; } interface HTMLElementTagNameMap { "demo-snippet": DemoSnippetElement; }