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,
});