Class TextComponent

Readonlynode

context

• context(fn: (this: this, component: this) => any): this

  Run a function in the context of this component

  Parameters

  • fn: (this: this, component: this) => any

    Provides this component as the first argument and this.

  Returns this

empty

• empty(): TextComponent

  Empty the component (remove children)

  Returns TextComponent

on

• on(type: string, listener: (ev: Event, component: this) => any): TextComponent

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.
  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.

  Returns TextComponent
• on(
      type: string,
      listener: (ev: Event, component: this) => any,
      options: AddEventListenerOptions,
  ): TextComponent

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.
  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.
  • options: AddEventListenerOptions

    An object that specifies characteristics about the event listener. See options on MDN

  Returns TextComponent
• on(
      type: string,
      listener: (ev: Event, component: this) => any,
      useCapture: boolean,
  ): TextComponent

  Add event listener

  Parameters

  • type: string

    A case-sensitive string representing the event type to listen for.
  • listener: (ev: Event, component: this) => any

    The function that is called when an event of the specified type occurs.
  • useCapture: boolean

    See useCapture on MDN

  Returns TextComponent

slot

• slot(slot: string, parent?: ParentNode): TextComponent

  Render this component in the place of a <slot name="…"></slot>.

  Parameters

  • slot: string

    The slot name
  • Optionalparent: ParentNode = document

    The parent element within to search for slots. Defaults to document

  Returns TextComponent

  Throws

  DOMException When the slot is not found

text

• text(text: string): TextComponent

  Set text content

  Parameters

  • text: string

  Returns TextComponent