Banner
<gstock-banner>
|
GstockBanner
API
Propiedades
| Nombre | Descripción | Reflects | Tipo | Por defecto |
|---|---|---|---|---|
closable
|
Enables a close button that allows the user to dismiss the banner. |
|
boolean
|
false
|
color
|
The color of the banner message. |
'success' | 'information' | 'warning' | 'danger'
|
-
|
|
icon
|
The icon name of a registered custom icon library. |
string | undefined
|
-
|
|
title
|
The title of the banner. |
string
|
''
|
|
variant
|
The variant of the banner message. |
'default' | 'bold'
|
'default'
|
|
updateComplete
|
A read-only promise that resolves when the component has finished updating. |
Aprende más sobre atributos y propiedades .
Slots
| Nombre | Descripción |
|---|---|
default
|
The banner’s main content. |
icon
|
An icon to show in the banner. Works best with
<gstock-icon>.
|
title
|
The banner’s title content. |
Aprende más sobre slots .
Partes
| Nombre | Descripción |
|---|---|
base
|
The component’s base wrapper. |
icon
|
The container that wraps the optional icon. |
title
|
The container that wraps the banner’s title content. |
content
|
The container that wraps the banner’s main content. |
close-button
|
The close button, an <gstock-icon> component. |
close-button__base
|
The close button’s exported base part. |
Aprende más sobre partes CSS .
Animaciones
| Nombre | Descripción |
|---|---|
banner.show
|
The animation to use when showing the banner. |
banner.hide
|
The animation to use when hiding the banner. |
Aprende más sobre animaciones .
Dependencias
Este componente importa automáticamente las siguientes dependencias.