JoekerUIJoekerUI

Components

Tous les composants JoekerUI

58 composants

Actions

Button

Button

Déclenche une action utilisateur.

IconButton
À venir

IconButton

Bouton compact basé sur une icône.

Dropdown

Dropdown

Menu d’actions déroulant.

FAB / Speed Dial
À venir

FAB / Speed Dial

Actions rapides flottantes.

Swap
À venir

Swap

Bascule visuelle entre deux états.

Theme Controller
À venir

Theme Controller

Change le thème de l’interface.

Affichage des données

Badge

Badge

Étiquette courte pour statut ou catégorie.

Card

Card

Conteneur visuel pour regrouper du contenu.

Avatar
À venir

Avatar

Représente un utilisateur ou une entité.

List
À venir

List

Affiche une collection d’éléments.

Table
À venir

Table

Présente des données structurées.

Stat
À venir

Stat

Met en avant une métrique clé.

Timeline
À venir

Timeline

Affiche une suite d’événements.

Kbd
À venir

Kbd

Affiche une touche clavier.

Tooltip

Tooltip

Affiche une aide courte au survol.

EmptyState

EmptyState

État vide avec message et action.

Feedback

Alert

Alert

Message visuel d’information ou d’erreur.

Spinner

Spinner

Indique un chargement en cours.

Progress
À venir

Progress

Affiche une progression linéaire.

Skeleton
À venir

Skeleton

Placeholder pendant le chargement.

Toast
À venir

Toast

Notification temporaire non bloquante.

Dialog

Dialog

Fenêtre modale pour contenu important.

ConfirmDialog

ConfirmDialog

Demande confirmation avant une action.

Saisie des données

Input

Input

Champ de saisie texte.

Textarea

Textarea

Champ de saisie multiligne.

Select

Select

Sélection dans une liste d’options.

Checkbox

Checkbox

Sélection booléenne ou multiple.

Switch

Switch

Interrupteur visuel on/off.

Radio
À venir

Radio

Choix unique parmi plusieurs options.

Field

Field

Structure label, aide et erreur.

Fieldset
À venir

Fieldset

Groupe de champs liés.

FileInput
À venir

FileInput

Sélection de fichier utilisateur.

OTP
À venir

OTP

Saisie de code à usage unique.

Rating
À venir

Rating

Notation visuelle.

Slider
À venir

Slider

Sélection d’une valeur sur une plage.

Mise en page

Grid

Grid

Grille responsive.

Stack

Stack

Empilement horizontal ou vertical.

Divider

Divider

Séparateur visuel.

Container
À venir

Container

Largeur de contenu contrôlée.

Section
À venir

Section

Bloc de page structuré.

Hero
À venir

Hero

Section d’accroche principale.

Footer
À venir

Footer

Pied de page.

Sidebar
À venir

Sidebar

Navigation latérale.

Drawer
À venir

Drawer

Panneau latéral ouvrable.

Dock
À venir

Dock

Barre d’actions ancrée.

Navigation

Breadcrumb

Breadcrumb

Chemin de navigation hiérarchique.

Tabs

Tabs

Navigation par onglets.

Navbar
À venir

Navbar

Barre de navigation supérieure.

Menu
À venir

Menu

Liste de navigation structurée.

Pagination
À venir

Pagination

Navigation entre pages.

Steps
À venir

Steps

Progression par étapes.

Link
À venir

Link

Lien stylisé.

Megamenu
À venir

Megamenu

Menu riche multi-colonnes.

Mockup / Templates

BrowserMockup
À venir

BrowserMockup

Aperçu dans une fenêtre navigateur.

PhoneMockup
À venir

PhoneMockup

Aperçu dans un smartphone.

CodeMockup
À venir

CodeMockup

Bloc de code maquetté.

WindowMockup
À venir

WindowMockup

Fenêtre d’application stylisée.

Design System