Panoramic Transaction React-only

Panoramic Transaction is a special configuration of Transaction components intended for George Business. It is always used on XXL grid as in smaller tiers it should be replaced by vertical OverviewCards.

CAUTION Panoramic Transaction has a specific use case and it isn’t very flexible. If you are not sure whether you should use it, please contact the Design System Team.

Example

Since this demo is available only in the XXL tier, please see the panoramic Transaction example in Playroom.

Rules For Developers

To render TransactionGroup in the panoramic view, simply add amountSecondary to the columns.
To fit data into the column right next to title, put them into the misc slot. Label the misc column the way you need to.
You may add a single button to buttons slot and optionally a menu as well. Both will be rendered together in the menu column.
To add an overline to the title, use the info column.
Use MatchMedia to swap the panoramic Transaction for OverviewCards in tiers lower than XXL.