Callout

Should be used to draw attention to specific content required by law.

 

Installation

Coming soon..

Callout - Examples


                                                        
                                                        
                                                              <co-callout title="Callout Title">
                                                              <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. With a body size of 16px this is roughly 648px.
                                                              </span>
                                                            </co-callout>
                                                        
                                                            

Callout with title

title


                                                        
                                                        
                                                              <co-callout>
                                                              <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. With a body size of 16px this is roughly 648px.
                                                              </span>
                                                            </co-callout>
                                                        
                                                            

Callout without title

Properties

Property

Type

Description

Usage

title

String

Determine callout’s title

title="Callout Title"

Dependencies

This component automatically imports the following dependency.


                                                        
                                                        
                                                            <co-icon></co-icon>