Snippets

VS Code

If you want to use Visual Studio Code, sac comes with auto-completion snippets to ease the slides' authoring.

You need also to update your VS Code User settings and append the following code block.
{
    "[markdown]": {
        "editor.quickSuggestions": true
    }
}

Auto-complete Codes

By default VS Code supports Markdown keyboard shortcuts and auto-completion.

Slides as Code adds following auto-completion (see table below). By typing Prefix, corresponding Item is auto-completed in your content file.

Prefix	Item
vss hss	Vertical Slide Separator Horizontal Slide Separator
slide	Slide
menu	Menu Title
asciinema box chart code quote typed year	Related Component
emoji fab far fas	Related Icon
div span ol ul li	Related Format
lif	List with fragments
tc thc bg ts tz	Text Color Text Highlight Color Background Color Text Style Text Size
fragment	Fragment
fragment-tc fragment-thc fragment-bg fragment-ts fragment-tz	Text Color Fragment Text Highlight Color Fragment Background Color Fragment Text Style Fragment Text Size Fragment
fragment-current-tc fragment-current-thc fragment-current-bg fragment-current-ts fragment-current-tz	Text Color Fragment Current Text Highlight Color Fragment Current Background Color Fragment Current Text Style Fragment Current Text Size Fragment Current
columns column col col-off col-12 span	Columns div Column div Column percent Column offset percent Column size in 12th Span percent
audio img video	Corresponding Media
element	Element Markdown extension