Chat

React API

Chat

Ref-prop välitetään komponentin ainoalle HTML-elementille.

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType<any, keyof IntrinsicElements>

  Oletusarvo: "div" as E

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• ref

  Komponentin ref, tyypittyy renderöitävän HTML-elementin mukaan

  Tyyppi: any

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

ChatMessage

• animate

  Näytä viestin lisäysanimaatio

  Tyyppi: boolean

  Oletusarvo: true

• as

  Renderöitävä HTML-elementti

  Tyyppi: ElementType

  Oletusarvo: "div" as E

• children

  Komponentin sisältö

  Tyyppi: ReactNode

• className

  CSS-apuluokat ulkoasun muokkaamiseen.

  Tyyppi: string

• form

  Lomakekenttiä sisältävä viesti, kasvattaa viestin paddingia

  Tyyppi: boolean

  Oletusarvo: false

• isNameAlwaysVisible

  Näyttää viestin lähettäjän nimen peräkkäisissä viesteissä.

  Tyyppi: boolean

  Oletusarvo: false

• loading

  Viestin skeleton-versio (latausindikaattori)

  Tyyppi: boolean

• name

  Viestin lähettäjän nimi

  Tyyppi: string

• onLoaded

  Callback-funktio, jota kutsutaan kun komponentin loading-tila poistuu

  Tyyppi: () => void

• onMount

  Callback-funktio, jota kutsutaan kun komponentin loading-tila poistuu

  Tyyppi: () => void

• outline

  Viesti valkoisella taustavärillä tilanteisiin, joissa kuplassa pitää esittää monimutkaisempaa sisältöä.

  Tyyppi: boolean

• position

  Pakollinen

  Viestin asemointi vasemmalle / oikealle

  Tyyppi: "left" | "right" | "none"

• rounded

  Pyöristetyt reunat

  Tyyppi: boolean

• testId

  Komponentin juurielementille data-testid-attribuuttiin välitettävä arvo testausta varten.

  Tyyppi: string

• variant

  Viestikuplan väri

  Tyyppi: "light" | "primary" | "neutral"