Composants UI
Profitez de centaines de composants prêt à l'emploi. Glissez et déposez les composants pour créer des designs et mise en page réutilisables. Personnaliser chaque détail de vos designs, ajouter des feuilles de styles CSS. Allez plus loin et étendez les fonctionnalités de votre site en intégrant des apis externes.
Composants simples
- Titre : permet d'ajouter un titre.
- Sous titre : permet d'ajouter un sous titre.
- Label : permet d'ajouter un label.
- Paragraphe : permet d'ajouter un paragraphe.
- Citation : permet d'ajouter une citation.
- Ligne : permet d'ajouter une ligne hr
- Lien : permet d'ajouter un lien hypertexte.
- Boutons : permet d'ajouter un bouton.
- Icone : permet d'ajouter une icone.
- Tooltip : permet d'ajouter un tooltip.
- Image : permet d'ajouter une image.
- Audio : permet d'ajouter un fichier audio dans votre page.
- Vidéo : permet d'intégrer des vidéos internes ou externes dans votre page.
Composants conteneurs
Une section est un composant fondamental pour créer une structure de haut niveau qui servira de conteneur parent à d'autres sous composants. Elle permet de regrouper des composants pour créer des structure complexes.
Les lignes de colonnes permettent de créer rapidement du contenu responsive. Vous pouvez choisir la taille de vos colonnes en fonction des écrans (Destop, Tablet, et mobile)
La seule différence entre un conteneur et une section est que le conteneur est toujours centré, ils est placé au mieux de votre page de sorte à laisser une marge latérale gauche et droite.
Les grilles permettent d'afficher le contenu sous forme de grille responsive. Vous pouvez transformer n'importe quel conteneur en grille avec les propriété de feuille de Styles et CSS
Liste et collection
Permettent d'afficher de manière récurrente un item d'une liste. Ajoutez une source de données interne ou externe pour créer des listes dynamiques.
Un Item est fondamentalement associé à une liste, C'est un composant responsable de l'affichage d'un élément de la liste.
Menu et navigation
Le composant barre de navigation permet d'ajouter un menu de navigation avec des liens, il est responsive et accepte un ensemble de sous composants de type noeud de navigation
Le noeud de navigation correspond à un item dans un menu, c'est un composant qui peut contenir d'autres items pour créer des sous menus.
Formulaires interactifs
Composants utilitaires
Les onglets sont un composant de navigation de niveau supérieur permettant d'implémenter une navigation par onglets. Le composant est un conteneur de composants TabItem individuels.
Le composant onglet (TabItem) est un composant enfant des onglets. Chaque onglet peut contenir une pile de de composants
Le carrousel, également appelé slider, est un élément de design qui permet d'afficher plusieurs contenus sur un même emplacement. Vous pouvez le configurer de manière horizontale, verticale ou sous forme de grille.
Permet de créer des barres latérales cachées pour la navigation, les paniers d'achat et plus encore. Un buton ou llien permet de déclencher son apparition.
Permet d'utiliser un button switch pour afficher/cacher deux composants A et B cibles..
Composants e-commerces
- Paniers : panier d'achat
- Adresse de livraison : pour saisir une adresse de livraison
- Adresse de facturation : pour saisir les informations de facturation
- Clic and collect : pour sélection un magasin ou récupérer une commande.
- Passerelle d'achat : pour saisir les informations de paiement
- Mode de livraison : pour choisir le mode de livraison d'une commande
- etc.
- Commande : pour afficher une commande
- Historique de commandes
- Formulaire de retour de commande
- Suivi de commande : pour afficher le suivi d'une commande client
- Liste des abonnements : pour afficher la liste des abonnement du client
- Fiche produit : pour afficher un produit
- Avis produit : pour afficher les avis sur un produit
- Produits associés : pour afficher la liste des produits associés à un autre produit
- Meilleurs vente : pour afficher les meilleurs vente
- Catégorie de produit : pour afficher la catégorie de produit
- Recherche de produit : champ de recherche