/vscode-glamorous

🤙 code snippets for glamorous

vscode-glamorous

This extension contains code snippets for glamorous, glamorous-native and glamorous-primitives.

Installation

  • Launch the command pallete (ctrl + shift + p or cmd + shift + p)
  • Type install extensions
  • Type vscode-glamorous in the search bar
  • Install the extension and reload the window

Done ✅

Supported languages (file extensions)

  • JavaScript
  • TypeScript
  • JavaScript React
  • TypeScript React

Usage

Snippets

Below is a list of all available snippets and the triggers of each one. The ⇥ means the TAB key.

glamorous

Trigger Content
ga→ const Component = glamorous.a({})
gdiv→ const Component = glamorous.div({})
gspan→ const Component = glamorous.span({})
gh1→ const Component = glamorous.h1({})
gh2→ const Component = glamorous.h2({})
gh3→ const Component = glamorous.h3({})
gh4→ const Component = glamorous.h4({})
gh5→ const Component = glamorous.h5({})
gh6→ const Component = glamorous.h6({})
gp→ const Component = glamorous.p({})
gcode→ const Component = glamorous.code({})
gabbr→ const Component = glamorous.abbr({})
gaddress→ const Component = glamorous.address({})
gb→ const Component = glamorous.b({})
gblockquote→ const Component = glamorous.blockquote({})
gcite→ const Component = glamorous.cite({})
gdel→ const Component = glamorous.del({})
gem→ const Component = glamorous.em({})
gi→ const Component = glamorous.i({})
gins→ const Component = glamorous.ins({})
gpre→ const Component = glamorous.pre({})
gmark→ const Component = glamorous.mark({})
gmeter→ const Component = glamorous.meter({})
gprogress→ const Component = glamorous.progress({})
gq→ const Component = glamorous.q({})
grp→ const Component = glamorous.rp({})
gruby→ const Component = glamorous.ruby({})
gs→ const Component = glamorous.s({})
gsamp→ const Component = glamorous.samp({})
gheader→ const Component = glamorous.header({})
gfooter→ const Component = glamorous.footer({})
gu→ const Component = glamorous.u({})
gform→ const Component = glamorous.form({})
gtextarea→ const Component = glamorous.textarea({})
gbutton→ const Component = glamorous.button({})
gselect→ const Component = glamorous.select({})
goptgroup→ const Component = glamorous.optgroup({})
goption→ const Component = glamorous.option({})
glabel→ const Component = glamorous.label({})
gfieldset→ const Component = glamorous.fieldset({})
glegend→ const Component = glamorous.legend({})
gimg→ const Component = glamorous.img({})
gmap→ const Component = glamorous.map({})
garea→ const Component = glamorous.area({})
gnav→ const Component = glamorous.nav({})
gul→ const Component = glamorous.ul({})
gli→ const Component = glamorous.li({})
gol→ const Component = glamorous.ol({})
gdl→ const Component = glamorous.dl({})
gdt→ const Component = glamorous.dt({})
gdd→ const Component = glamorous.dd({})
gmenu→ const Component = glamorous.menu({})
gtable→ const Component = glamorous.table({})
gcaption→ const Component = glamorous.caption({})
gth→ const Component = glamorous.th({})
gtr→ const Component = glamorous.tr({})
gtd→ const Component = glamorous.td({})
gthead→ const Component = glamorous.thead({})
gtbody→ const Component = glamorous.tbody({})
gtfoot→ const Component = glamorous.tfoot({})
gcol→ const Component = glamorous.col({})
gcolgroup→ const Component = glamorous.colgroup({})
gdiv→ const Component = glamorous.div({})
gsub→ const Component = glamorous.sub({})
gtime→ const Component = glamorous.time({})
gdata→ const Component = glamorous.datalist({})
gout→ const Component = glamorous.output({})
gfooter→ const Component = glamorous.footer({})
gmain→ const Component = glamorous.main({})
gsection→ const Component = glamorous.section({})
garticle→ const Component = glamorous.article({})
gaside→ const Component = glamorous.aside({})
gdetails→ const Component = glamorous.details({})
gdialog→ const Component = glamorous.dialog({})
gsummary→ const Component = glamorous.summary({})

glamorous-native

Trigger Content
gtext→ const Component = glamorous.text({})
gview→ const Component = glamorous.view({})
gimage→ const Component = glamorous.image({})
gflat→ const Component = glamorous.flatlist({})
glist→ const Component = glamorous.listview({})
gscroll→ const Component = glamorous.scrollview({})
gsection→ const Component = glamorous.sectionlist({})
ghighlight→ const Component = glamorous.touchablehighlight({})
gnative→ const Component = glamorous.touchablenativefeedback({})
gopacity→ const Component = glamorous.touchableopacity({})
ginput→ const Component = glamorous.textinput({})

glamorous-primitives

Trigger Content
gtext→ const Component = glamorous.text({})
gview→ const Component = glamorous.view({})
gimage→ const Component = glamorous.image({})

NOTE

I forgot to unpublish this 👇 extension (which was in beta)

second

and now it won't go because vsce denies my access token 😞 . So I won't be able to unpublish it. If you see this while searching for the extension, don't install it !

Thank you!!