Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>PageUp GEL SnippetsNew to Visual Studio Code? Get it now.

PageUp GEL Snippets

Nick Romero

|
13 installs
| (1) | Free
Extension for PageUP GEL snippets in JS/TS.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

PageUP GEL Snippets for VS Code

Available Commands

pugcontainer

import { container } from "@pageup/gel/src/components/core";
import { css } from "./style.css.js";

export const {} = container(
  "",
  (z) => ({}),
  (props) => {
    return <div></div>;
  }
);

pugcomponent

import { component } from "@pageup/gel/src/components/core";
import { css } from "./style.css.js";

export const {} = component(
  "",
  (z) => ({}),
  (props) => {
    return <div></div>;
  }
);

pugpage

import { page } from "@pageup/gel/src/components/core";
import { css } from "./style.css.js";

export const {} = page(
  "",
  (z) => ({}),
  (props) => {
    return <div></div>;
  }
);

pugcontainerx

import { containerX } from "@pageup/gel/src/components/core";
import { css } from "./style.css.js";

interface Props {}

export const {} = containerX<Props>()(
  "",
  (z) => ({}),
  (props) => {
    return <div></div>;
  }
);

pugcomponentx

import { componentX } from "@pageup/gel/src/components/core";
import { css } from "./style.css.js";

interface Props {}

export const {} = componentX<Props>()(
  "",
  (z) => ({}),
  (props) => {
    return <div></div>;
  }
);

pugpagex

import { pageX } from "@pageup/gel/src/components/core";
import { css } from "./style.css.js";

interface Props {}

export const {} = pageX<Props>()(
  "",
  (z) => ({}),
  (props) => {
    return <div></div>;
  }
);

pugcx

import { cx, styleExportProvider } from "@pageup/gel/src/styling";

const container = cx({});

export const { css } = styleExportProvider({
  container,
});
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft