Back to component list

Example

Empty, idle comment input

Demo

MM

Example

Active comment with input

Demo

MM

Example

Active comment with extra content

Demo

MM
some extra custom content

Example

Comment in display mode

Notes

The component comes supplied with a default action bar. If an app wants custom actions, they must compose their own action bar using the icon button components supplied.

Demo

MM
Logged in user3 days ago

The vaccination result rate is abnormally high in this region. Can this be explained @Siyabonga Okafor? This is an important issue to fix.

Example

Conversation

Notes

Replies to a comment use the same comment component, except the wrapper has a margin left. DHIS2 replies do not support more than one level of replies, so nesting replies on replies is not supported yet. So, the default toolset needs to omit the reply action if the comment is a reply.

Demo

MM
Example NameJust now

Content

MM
Currently logged in user2 days ago

Content

MM
Example Name5 hours ago

This is a reply to the above comment

MM
Example Name3 days agoEdited

Content

MM