Styles

The withCss utility adds properties to your components which allow the styling of them.

It supports stuff like size, color, font, padding, etc.

It even supports different styles for different break points.

import { Config, withCss } from "@tyzo/page-editor";

const config: Config = {
  components: {
    HeadingBlock: withCss({
      id: "HeadingBlock",
      name: "Heading Block",
      groupName: "Typography",
      properties: {},
      component: () => <h1>Hello</h1>,
    }),
  }
}