A text cloud with an avatar
This is not a full chat component, just one message / text cloud with an avatar. In a chat box, this component would be just one single message.
Props
| prop | type | default |
|---|---|---|
| message | string | "insert message here" |
| delay | number | 2000 |
| avatar | string(image) | "http://eightbitavatar.herokuapp.com/?id=userid&s=male&size=400" |
| alignment | oneOf(["left", "right"]) | "left" |
| component | element | null |
| loader | element | <Dots /> |
<Dots /> is an internal component represented by three jumping dots. Here you can pass any component which will first be sure for the duration of the prop delay, then removed.