Followers

Similar to Stakeholders, Followers is a utility widget that shows all of the people involved in a case.

Widget card

The card form of the Followers widget contains the following regions: header, content region, card/tile actions (optional), add new (optional), card title, card background color, header imagery, footer region, error/load/empty state, and total results counter badge.

This component has only one main content column available. It may have a fixed height and scroll within the content column. Only one-column available in base component. May have a fixed height and scroll inside.

The card and tile actions area may contain an expand/collapse toggle, back button, or selectable UI imagery or cards.

The footer region only appears when the maximum number of results is exceeded.

Widget review modal

The widget review form of the Followers widget contains the following regions: Table toolbar, list of results, search filter, add new (optional), modal (default), and error/load/empty state.

Overflow may be responsive, adaptive, or fixed. The content regions may either be fixed height with scroll or allowed to scale to the height of the content. View all opens the review modal and appears when there are 4+ related results. If not shown, must be hidden behind screen-reader-only text: “View all followers”.

The Add (+) button may be conditional based on the user’s role.

The Followers widget has three variations: many, few and none. The many and few variations contain an active user badge as well as the preview, edit and delete button.

This variation is shown when there are 4+ followers. “View all followers” must be labeled accessibly.

A follower may be previewed if the user hovers over the stakeholder name or avatar. Links in a preview may only be clickable if they lead to an action that can be taken within the browser screen.

See the List Utility (People) widget for additional information.