AMP SnippetsSome AMP snippets for VS Code Installation Launch VS Code Quick Open ( Ctrl+P), paste the following command, and press enter.Copied to clipboard |
AMP Snippets
Some AMP snippets for VS Code.
|
| Trigger | Content |
|---|---|
amp-accordion-script |
amp-accordion required script |
amp-analytics-script |
amp-analytics required script |
amp-bind-script |
amp-bind required script |
amp-carousel-script |
amp-carousel required script |
amp-facebook-script |
amp-facebook required script |
amp-facebook-page-script |
amp-facebook required script |
amp-font-script |
amp-font required script |
amp-form-script |
amp-form required script |
amp-iframe-script |
amp-iframe required script |
amp-image-lightbox-script |
amp-image-lightbox required script |
amp-instagram-script |
amp-instagram required script |
amp-install-serviceworker-script |
amp-install-serviceworker required script |
amp-lightbox-script |
amp-lightbox required script |
amp-lightbox-gallery-script |
amp-lightbox-gallery required script |
amp-list-script |
amp-list required scripts (amp-list + amp-mustache) |
amp-mustache |
amp-mustache required script |
amp-selector |
amp-selector required script |
amp-sidebar |
amp-sidebar required script |
amp-youtube |
amp-youtube required script |
Components
All the components available are of basic use. That being said, if you used an import from above that is not present here, it's because it involves specific and/or advanced usage to demonstrate. If you have any questions feel free to contact me, or check AMP's documentation
| Trigger | Content |
|---|---|
amp-html |
Basic HTML to a valid AMP page |
amp-accordion |
Accordion |
amp-analytics |
Basic amp-analytics model, based on Google Analytic's documentation |
amp-carousel |
Carousel |
amp-facebook |
Model of a facebook embed post |
amp-facebook-page |
Model of a facebook embed page, with timeline and events enabled |
amp-font |
Structure meant to control timeouts on font loading. |
amp-form |
Basic form |
amp-iframe |
Model of an iframe |
amp-image-lightbox |
Image (amp-img) component with a lightbox effect associated |
amp-img |
Image component |
amp-instagram |
Model of an instagram embed post |
amp-install-serviceworker |
Structure to register a serviceworker (given by the src attribute) |
amp-lightbox |
Lightbox basic model |
amp-list |
Structure that fetches content dynamically from a JSON (uses mustache) |
amp-selector |
Structure for selection (Can be used with amp-state to trigger events) |
amp-sidebar |
Sidebar |
amp-youtube |
Model of a youtube embed video |