Feeds

Feeds

A feed consists of a list of recurring elements of similar types. Examples of a feed would be a discussion feed.

Base

Preview

No content has been added for this component.

No content has been added for this component.

About Base

A discussion feed consists of a list of posts. A .slds-feed__item contains a post and comments related to that post.


About Feeds

Accessibility

Most feeds have a media object containing the user's name and avatar image. If both the image and the name link to the same location, add tab-index="-1" to the <a> element so that assistive technology does not read out duplicate links.


Overview of CSS Classes

Selector.slds-feed
Summary

A discussion feed consists of a list of posts. A .slds-feed__item contains a post and comments related to that post.

Supportdev-ready
Restrictdiv
VariantTrue
Selector.slds-feed__list
Summary
Restrict.slds-feed ul
Selector.slds-feed__item
Summary
Restrict.slds-feed__list li
Selector.slds-feed__item-comments
Summary

Container for feed item comments

Restrict.slds-feed__item div
Selector.slds-post
Summary
Restrict.slds-feed article
VariantTrue
Selector.slds-post__header
Summary

Header region of a feed post

Restrict.slds-post header
Selector.slds-post__content
Summary

Content region of a feed post

Restrict.slds-post div
Selector.slds-post__footer
Summary

Footer region of a feed post

Restrict.slds-post footer
Selector.slds-post__footer-actions-list
Summary

Footer region that contains quick action items for post

Restrict.slds-post__footer ul
Selector.slds-post__footer-action
Summary

Action items within the feed post footer

Restrict.slds-post__footer-actions-list button
Selector.slds-is-active
Summary

Active state for like button

Restrict.slds-post__footer-action
ModifierTrue
Selector.slds-post__footer-meta-list
Summary

Footer region that contains read only items for post

Restrict.slds-post__footer ul