Components

class MyComponent extends zit.ZitComponent {
  constructor() {
    super();
    // component name
    this.component.name = 'my-component';
  }

  render() {
    // inner html
    return '<p>Hello World!</p>';
  }
}

zit.defineComponent(MyComponent);
  • ZitComponent
export interface ComponentOptions {
  name: string;
}

export class ZitComponent extends HTMLElement {
  public component: ComponentOptions;
  constructor();
  render(): string;
}
  • defineComponent
export function defineComponent(component: typeof ZitComponent): void;