This collection of snippets is intended to assist in the development of AMP Story components within AMP HTML pages. An AMP Story is basically a browser-enabled version of the popular 'story' format used by Facebook, Instagram and Snapchat. It's for telling visual stories using text, images, GIF animations and videos. If you're unfamiliar with the AMP Story component, head over to AMP's website and learn to create your own.
The list of available snippets related to AMP Story development are below:
| Trigger | Content |
|---|---|
| 'amp-story standalone' | Generates entire AMP Story template with 2 pages and bookend. |
| 'amp-story-page' | Generates an AMP Story page. |
| 'amp-story-grid' | Generates an AMP Story grid layer. Use this within a page. |
| 'amp-story-cta' | Generates an AMP Story Call to Action (CTA). |
| 'amp-story-bookend' | Generates an AMP Story bookend. This should be placed before ending AMP Story tag. |
| 'amp-story-page-attachment' | AMP Story page attachment with a Swipe Up gesture to reveal additional content. |
For more information on tags used with AMP Stories, please refer to the AMP Project's glossary.
This is my first time ever making an extension for VS Code so functionality might be a bit... limited compared to what you're used to from other developers. I'll update it more in the future.