Pulse

Pulse is a comment feed that allows any user to collaborate with other people through comments and other social interactions. The Pulse feed keeps comment activity, attachments, and posts are in one place. It sustains a history of the work that has been conducted, but also moves the conversation forward until all tasks are complete. The Pulse feed often lives in the center of the Case View. It is comprised of other components found throughout the design system: Cards, Icons, and Buttons to name a few.

New posts in Pulse, powered by the FeedNewPost component, is a customized presentation of the Rich Text Editor. Users may interact with new posts in all the ways they may expect to interact with a markdown-only version of the Rich Text Editor component. In addition to rich text support, users may add file or link attachments to a post. Submitting a post will initiate a onPost callback function that should be utilized to then present the content of the new post in a Pulse post.

Like Cards, Pulse posts, powered by the FeedPost component, share three sections: header, body, and footer. A post header always has a user Avatar, text representing the user's name, timestamp, and, in some cases, a link to a corresponding case or any other contextual element related to the post. The post body contains Text and Links depending on user content. Some posts can include attachments, which indicate a document or group of files a user has uploaded or has the ability to download. In addition to files, attachments can be URLs or links to an application-based document. The Pulse footer contains Buttons that initiate user interaction such as comment and like.

The Feed component represents the entirety of a Pulse feed. It's children should be comprised of FeedNewPost and FeedPost components. This demo is a combination of the two prior demos, wrapped by the Feed component. The Feed component is capable of accepting properties for handling filters that are intended to modify the Pulse posts presented in the Feed, as well as other properties to add support of mentions and tags. For more information on the purpose of those properties, refer to the Rich Text Editor documentation.