English
Appearance
A purely presentational comment block container that assembles the author avatar, name, time, content, and actions via slots; nested child comments are automatically indented.
This component supports a purely presentational comment structure; interactions are provided by the host via the actions slot.
actions
Parent comment: I agree with this design; child comments are automatically indented with a guide line.
Child comment: nest oas-comment via the default slot, with no depth limit.
oas-comment
With no slot content at all, it renders as an empty container without errors; the sections of empty slots are hidden automatically.
author
avatar
oas-avatar
content
time
Parts: ::part(comment) root, ::part(main) main body, ::part(avatar) / ::part(author) / ::part(time) / ::part(content) / ::part(actions), ::part(children) child comment container.
::part(comment)
::part(main)
::part(avatar)
::part(author)
::part(time)
::part(content)
::part(actions)
::part(children)
Comment
A purely presentational comment block container that assembles the author avatar, name, time, content, and actions via slots; nested child comments are automatically indented.
Basic Usage
Single comment
This component supports a purely presentational comment structure; interactions are provided by the host via the
actionsslot.Nested Child Comments
Nested replies (auto-indent)
Parent comment: I agree with this design; child comments are automatically indented with a guide line.
Child comment: nest
oas-commentvia the default slot, with no depth limit.Empty State
Empty comment
With no slot content at all, it renders as an empty container without errors; the sections of empty slots are hidden automatically.
API
Slots
oas-commentchild comments, automatically indentedactionsauthoravataroas-avatar)contenttimeParts:
::part(comment)root,::part(main)main body,::part(avatar)/::part(author)/::part(time)/::part(content)/::part(actions),::part(children)child comment container.