Class GeneratedVaadinNotification<R extends GeneratedVaadinNotification<R>>
- java.lang.Object
-
- com.vaadin.flow.component.Component
-
- com.vaadin.flow.component.notification.GeneratedVaadinNotification<R>
-
- All Implemented Interfaces:
com.vaadin.flow.component.AttachNotifier,com.vaadin.flow.component.DetachNotifier,com.vaadin.flow.component.HasElement,Serializable
- Direct Known Subclasses:
Notification
@Tag("vaadin-notification") @NpmPackage(value="@vaadin/polymer-legacy-adapter",version="23.0.7") @NpmPackage(value="@vaadin/notification",version="23.0.7") @NpmPackage(value="@vaadin/vaadin-notification",version="23.0.7") @JsModule("@vaadin/polymer-legacy-adapter/style-modules.js") @JsModule("@vaadin/notification/src/vaadin-notification.js") @JsModule("@vaadin/polymer-legacy-adapter/template-renderer.js") public abstract class GeneratedVaadinNotification<R extends GeneratedVaadinNotification<R>> extends com.vaadin.flow.component.ComponentDescription copied from corresponding location in WebComponent:
<vaadin-notification>is a Web Component providing accessible and customizable notifications (toasts). The content of the notification can be populated in two ways: imperatively by using renderer callback function and declaratively by using Polymer's Templates.Rendering
By default, the notification uses the content provided by using the renderer callback function.
The renderer function provides
root,notificationarguments. Generate DOM content, append it to therootelement and control the state of the host element by accessingnotification. Before generating new content, users are able to check if there is already content inrootfor reusing it.<vaadin-notification id="notification"></vaadin-notification>
const notification = document.querySelector('#notification'); notification.renderer = function(root) root.textContent = "Your work has been saved";;}Renderer is called on the opening of the notification. DOM generated during the renderer call can be reused in the next renderer call and will be provided with the
rootargument. On first call it will be empty.Polymer Templates
Alternatively, the content can be provided with Polymer's Template. Notification finds the first child template and uses that in case renderer callback function is not provided. You can also set a custom template using the
templateproperty.<vaadin-notification> <template> Your work has been saved </template> </vaadin-notification>Styling
<vaadin-notification>uses<vaadin-notification-card>internal themable component as the actual visible notification cards. See the stylable parts the<vaadin-notification-card>API.Note: the
themeattribute value set on<vaadin-notification>is propagated to the internal<vaadin-notification-card>.- See Also:
- Serialized Form
-
-
Nested Class Summary
Nested Classes Modifier and Type Class Description static classGeneratedVaadinNotification.OpenedChangeEvent<R extends GeneratedVaadinNotification<R>>
-
Constructor Summary
Constructors Constructor Description GeneratedVaadinNotification()
-
Method Summary
All Methods Instance Methods Concrete Methods Modifier and Type Method Description protected com.vaadin.flow.shared.RegistrationaddOpenedChangeListener(com.vaadin.flow.component.ComponentEventListener<GeneratedVaadinNotification.OpenedChangeEvent<R>> listener)Adds a listener foropened-changedevents fired by the webcomponent.protected voidclose()Description copied from corresponding location in WebComponent:protected doublegetDurationDouble()Description copied from corresponding location in WebComponent:protected StringgetPositionString()Description copied from corresponding location in WebComponent:protected booleanisOpenedBoolean()Description copied from corresponding location in WebComponent:protected voidopen()Description copied from corresponding location in WebComponent:protected voidsetDuration(double duration)Description copied from corresponding location in WebComponent:protected voidsetOpened(boolean opened)Description copied from corresponding location in WebComponent:protected voidsetPosition(String position)Description copied from corresponding location in WebComponent:-
Methods inherited from class com.vaadin.flow.component.Component
addListener, fireEvent, from, get, getChildren, getElement, getEventBus, getId, getLocale, getParent, getTranslation, getTranslation, getTranslation, getUI, hasListener, isAttached, isTemplateMapped, isVisible, onAttach, onDetach, onEnabledStateChanged, set, setElement, setId, setVisible
-
-
-
-
Method Detail
-
getDurationDouble
protected double getDurationDouble()
Description copied from corresponding location in WebComponent:
The duration in milliseconds to show the notification. Set to
0or a negative number to disable the notification auto-closing.This property is not synchronized automatically from the client side, so the returned value may not be the same as in client side.
- Returns:
- the
durationproperty from the webcomponent
-
setDuration
protected void setDuration(double duration)
Description copied from corresponding location in WebComponent:
The duration in milliseconds to show the notification. Set to
0or a negative number to disable the notification auto-closing.- Parameters:
duration- the double value to set
-
isOpenedBoolean
@Synchronize(property="opened", value="opened-changed") protected boolean isOpenedBoolean()Description copied from corresponding location in WebComponent:
True if the notification is currently displayed.
This property is synchronized automatically from client side when a 'opened-changed' event happens.
- Returns:
- the
openedproperty from the webcomponent
-
setOpened
protected void setOpened(boolean opened)
Description copied from corresponding location in WebComponent:
True if the notification is currently displayed.
- Parameters:
opened- the boolean value to set
-
getPositionString
protected String getPositionString()
Description copied from corresponding location in WebComponent:
Alignment of the notification in the viewport Valid values are
top-stretch|top-start|top-center|top-end|middle|bottom-start|bottom-center|bottom-end|bottom-stretchThis property is not synchronized automatically from the client side, so the returned value may not be the same as in client side.
- Returns:
- the
positionproperty from the webcomponent
-
setPosition
protected void setPosition(String position)
Description copied from corresponding location in WebComponent:
Alignment of the notification in the viewport Valid values are
top-stretch|top-start|top-center|top-end|middle|bottom-start|bottom-center|bottom-end|bottom-stretch- Parameters:
position- the String value to set
-
open
protected void open()
Description copied from corresponding location in WebComponent:
Opens the notification.
-
close
protected void close()
Description copied from corresponding location in WebComponent:
Closes the notification.
-
addOpenedChangeListener
protected com.vaadin.flow.shared.Registration addOpenedChangeListener(com.vaadin.flow.component.ComponentEventListener<GeneratedVaadinNotification.OpenedChangeEvent<R>> listener)
Adds a listener foropened-changedevents fired by the webcomponent.- Parameters:
listener- the listener- Returns:
- a
Registrationfor removing the event listener
-
-