AMP Snippets

Some AMP snippets for VS Code.

Features

Below is a list with all available snippets with their respective trigger and content created.

Imports

Before using a component, importing is necessary otherwise it won't work properly.

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