Skip to content

Thread ​

Thread holds the replies to a message, under it.

When to use ​

Use it for the replies to a Comment: put it after the Comment it answers, in a Stack with gap sm, and put the replies in it as Comments. Messages that answer nothing are stacked without a Thread.

Props ​

PropDefaultDescription
gapsmThe distance between the replies: 0, sm, md or lg
childrenThe replies

Contract ​

A line along the left, and the replies pad-md from it, stacked gap apart. The replies have no padding at the sides. The thread has no margin of its own: its line stands at the edge of its column, which is pad-md in from the edge of a container without padding, as a list item's content is.

Example ​

Thread

Released under the Apache-2.0 license.