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

Storybook failed to load. Please connect to the VPN to access.

Primary Next Best Action

Secondary

Storybook failed to load. Please connect to the VPN to access.

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.

Storybook failed to load. Please connect to the VPN to access.

Primary Next Best Action with disclaimer

Storybook failed to load. Please connect to the VPN to access.

Secondary Next Best Action with disclaimer