[](https://travis-ci.org/PolymerElements/iron-demo-helpers) _[Demo and API docs](https://elements.polymer-project.org/elements/iron-demo-helpers)_ ##<demo-snippet> `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. ```html Example of a native element demo Example of a Polymer demo ``` ### 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 | `{}` | ##<url-bar> `url-bar` is a helper element that displays a simple read-only URL bar if and only if the page is in an iframe. In this way we can demo elements that deal with the URL in our iframe-based demo environments. If the page is not in an iframe, the url-bar element is not displayed. ### Styling The following custom properties and mixins are available for styling: | Custom property | Description | Default | | --- | --- | --- | | `--url-bar` | Mixin applied to the entire element | `{}` |