Examples
Text Banner
+mdc-banner('There was a problem processing a transaction on your credit card.')
// or
// +mdc-banner(text='There was a problem processing a transaction on your credit card.')
Centered banner
+mdc-banner('There was a problem processing a transaction on your credit card.')(centered)
Fixed banner
+mdc-banner('There was a problem processing a transaction on your credit card.')(fixed)
Banner with graphic
+mdc-banner('There was a problem processing a transaction on your credit card.')(icon='error_outline')
Banner with one action
+mdc-banner('There was a problem processing a transaction on your credit card.')
+mdc-banner__action('Fix it')(primary)
Banner with two actions
+mdc-banner('There was a problem processing a transaction on your credit card.')
+mdc-banner__action('Learn more')(secondary)
+mdc-banner__action('Fix it')(primary)
Mobile stacked
+mdc-banner('There was a problem processing a transaction on your credit card.')(mobileStacked)
+mdc-banner__action('Learn more')(secondary)
+mdc-banner__action('Fix it')(primary)