Chat

Komponentti tiedon esitykseen vuoropuheluna.

Julkaistu versiossa 1.1.0

API

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

as

Tyyppi: ElementType<any, keyof IntrinsicElements>

Oletusarvo: "div" as E
Renderöitävä HTML-elementti
children

Tyyppi: ReactNode

Komponentin sisältö
className

Tyyppi: string

Utility-luokat ulkoasun muokkaamiseen
ref

Tyyppi: any

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

Tyyppi: string

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

Tyyppi: string

Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.

animate

Tyyppi: boolean

Oletusarvo: true
Näytä viestin lisäysanimaatio
as

Tyyppi: ElementType

Oletusarvo: "div" as E
Renderöitävä HTML-elementti
children

Tyyppi: ReactNode

Komponentin sisältö
className

Tyyppi: string

Utility-luokat ulkoasun muokkaamiseen
form

Tyyppi: boolean

Oletusarvo: false
Lomakekenttiä sisältävä viesti, kasvattaa viestin paddingia
loading

Tyyppi: boolean

Viestin skeleton-versio (latausindikaattori)
name

Tyyppi: string

Viestin lähettäjän nimi
onLoaded

Tyyppi: () => void

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

Tyyppi: () => void

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

Tyyppi: boolean

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

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

Viestin asemointi vasemmalle / oikealle
rounded

Tyyppi: boolean

Pyöristetyt reunat
testId

Tyyppi: string

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

Tyyppi: string

Utility-luokat ulkoasun muokkaamiseen @deprecated Poistuu käytöstä versiossa 15.0.0. Käytä className-proppia.
variant

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

Viestikuplan väri