CSS custom properties

--mds-banner-backgroundSets the background-color of the component

--mds-banner-cockade-backgroundWhen cockade attribute is set, the icon will be wrapper with a colored area, this is it’s background

--mds-banner-cockade-distanceWhen cockade attribute is set, the icon will be wrapper with a colored area, this is it’s icon color

--mds-banner-colorSets the text color of the component

--mds-banner-content-gapSets gap between banner elements

--mds-banner-headline-colorThe text color of the headline

--mds-banner-icon-colorSets the close icon fill color of the component

--mds-banner-radiusSets the border-radius of the component

--mds-banner-shadowSets the box-shadow of the component

--mds-banner-transition-durationSets the transition duration

--mds-banner-transition-timing-functionSets the transition timing function

Parts

textThe text wrapper of the default and content slots