Installation
Coming soon..
Global Banner - Examples
<co-global-banner variant="highlight">
<span slot="content">Message</span>
</co-global-banner>
Global banner - highlight variant
<co-global-banner variant="warning" showClose>
<span slot="content">Message </span>
</co-global-banner>
Global banner - closeable
<co-global-banner variant="danger" showClose>
<span slot="content">Text length can vary in the alert boxes and we want the area used to max out at our agreed character length per line.</span>
</co-global-banner>
Global banner - with more content
Properties
|
Property |
Type |
Description |
Usage |
|---|---|---|---|
|
variant |
String |
Determines variant or type of global banner |
variant = "highlight"| "warning"| "danger" |
|
showClose |
Boolean |
Determines whether the global banner should be closable or not |
showClose = true | false |
Dependencies
This component automatically imports the following dependencies.
<co-icon></co-icon>
<co-icon-button></co-icon-button>