Function component

Define a component with its states and setup function (connectedCallback)

Since

0.12.0

component<P extends ComponentProps>(
    name: string,
    init?: { [K in string | number | symbol]: Initializer<Component<P>, P[K]> },
    setup: (
        host: Component<P>,
        select: SelectorFunctions<P>,
    ) => FxFunction<P, Component<P>>[],
): Component<P>
Type Parameters
- P extends ComponentProps
Parameters
- name: string
  name of the custom element
- init: { [K in string | number | symbol]: Initializer<Component<P>, P[K]> } = ...
  signals of the component
- setup: (
  host: Component<P>,
  select: SelectorFunctions<P>,
  ) => FxFunction<P, Component<P>>[]
  setup function to be called in connectedCallback(), may return cleanup function to be called in disconnectedCallback()
Returns Component<P>
- constructor function for the custom element
- Defined in src/component.ts:279