Next Best Action

A Next Best Action (NBA) shows the most relevant action to a user in a specific time frame.

Anatomy

A NBA could either have a title, a subtitle or both. A trailing icon is always visible and can be a chevron or an external icon (for an external source). A leading icon is optional.

Variants and states

Primary

Open in Storybook

Primary Next Best Action

Secondary

Open in Storybook

Secondary Next Best Action

Disclaimer microcopy

The Next Best Action component has a version with a small line of text (microcopy) for legal disclaimers.

This text is only for required legal messages, like “Warning: borrowing money costs money.” It should not be used for any other information.

Open in Storybook

Primary Next Best Action with disclaimer

Open in Storybook

Secondary Next Best Action with disclaimer