crowd-toast
Notification discrète qui s'affiche temporairement à l'écran. Seul un élément crowd-toast est visible.
Consultez un exemple interactif d'un modèle HTML qui utilise cet élément HTML Crowd dans CodePen
Voici un exemple de modèle Liquid qui utilise l'élément <crowd-toast>. Copiez le code suivant et enregistrez-le dans un fichier avec l'extension .html. Ouvrez le fichier dans n'importe quel navigateur pour prévisualiser et interagir avec ce modèle.
<script src="https://assets.crowd.aws/crowd-html-elements.js"></script> <crowd-form> <p>Find the official website for: <strong>{{ task.input.company }}</strong></p> <p>Do not give Yelp pages, LinkedIn pages, etc.</p> <p>Include the http:// prefix from the website</p> <crowd-input name="website" placeholder="http://example.com"></crowd-input> <crowd-toast duration="10000" opened> This is a message that you want users to see when opening the template. This message will disappear in 10 seconds. </crowd-toast> </crowd-form>
Attributes
Les attributs suivants sont pris en charge par cet élément.
duration
Nombre qui spécifie la durée, en millisecondes, pendant laquelle la notification s'affiche à l'écran.
text
Texte à afficher dans la notification.
Hiérarchie des éléments
Les éléments parents et enfants de cet élément sont les suivants :
-
Éléments parents: crowd-form
-
Éléments enfants : aucun
Voir aussi
Pour plus d’informations, consultez les rubriques suivantes.
