Stakeholders is a utility widget that shows all of the people who have a staked interest in the outcome of a case.
The card form of the Stakeholder 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.
A stakeholder (often a prospect or a customer) 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.
The footer region is shown when there are 4+ stakeholders by default. “View all stakeholders” must be labeled accessibly.
See the People widget for additional information.
Widget review modal
The widget review form of the Stakeholders 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 stakeholders”.
The Add (+) button may be conditional based on the user’s role.