Material Design 3 social CMS
This specimen exercises the comments lane: the comments area, the repeating comment template, threaded replies, and the comment form. The body is intentionally short — the point is everything below the article.
Comment rendering should map cleanly onto Material 3: each comment reads as a list item with a leading avatar, the reply and edit links as text buttons, and the form as an outlined text field with a button.
First — this is a top-level comment to check the baseline row: avatar, name, date, and a single paragraph of content.
A reply to the first comment. Nesting should indent this one row under its parent.
And a reply to the reply — depth three. This is where nested inset and the threading line matter.
test2
test
test3
A second top-level thread, with a slightly longer body so wrapping and line-height read correctly. Vestibulum id ligula porta felis euismod semper. Cras mattis consectetur purus sit amet fermentum.
Short reply.
A third standalone top-level comment to give the list some length.
댓글 남기기