Feeds

A feed sits near the bottom of the page, and contains a feed icon and a link that allows you to subscribe to a page.

Classes

  • lotusFeeds - goes on the wrapping div around a set of links
  • lotusFeed - goes on an individual link

Basic Implementation

Create a div and assign it the class lotusFeeds.

Create a link and assign it the class of lotusFeed.

If you'd like a help icon, wrap it in a link and put it after the feed text.

Accessibility

No special requirements for this item. The help icon is optional. If you use it, see the Help component for accessibility requirements.

Examples

Sample HTML

CSS (feeds.css)

Theme CSS (feedsTheme.css)

Feeds have been tried a few different ways in our code. As an icon after a title, as an icon after other data, as links in the menu. After reviewing how most websites handle feeds, it was decided to create a component that would sit at the bottom of our data.