Library
22 components available— Unlock all with Pro
Toggle Visibility Button
A compact icon button that toggles between a "show" (eye open) and "hide" (eye closed) state. Uses UpdateContext to flip a boolean variable. Drop it next to a gallery or list to let users show or hide inactive records.
buttonsFilter Chips
A horizontal gallery of filter chips for status-based filtering. Items default to ["Tous", "Complet", "Incomplet", "Non Traité"]. The selected chip gets a colored background. Bind the Selected.Value to your gallery Items filter.
formsGallery List Row
A clickable card row for use inside a Gallery. Features a colored icon badge on the left, a conditional status indicator (red/orange/green SVG, controlled by a status variable), a bold title, an optional subtitle, and a full-width transparent overlay button for navigation. Swap Fill, Icon and OnSelect to match your data source.
listsProgression des sujets
20 éléments — 9 complets / 6 incomplets / 5 non traités
Progress Bar (3 Segments)
A horizontal progress bar split into three colored segments: green for complete items, orange for incomplete, and red (remaining space) for untreated. Widths are driven by CountIf formulas on a collection. Includes a summary label. Adapt the CountIf conditions to your own status field.
chartsSearch Bar (Pill)
A clean pill-shaped search bar with a white background, drop shadow, search icon on the left, and a borderless text input. The Clear property is enabled. Adapt HintText and OnChange to your use case.
formsCréer un client
Remplissez les informations ci-dessous.
Nom *
Description
Form Modal
An overlay modal dialog with a darkened backdrop, title, subtitle, two labeled text inputs, a close button, and Cancel / Save buttons. Uses a varShowFormModal boolean to toggle visibility.
modalsAccueil / Section / Page actuelle
Titre de la page
Sous-titre ou description de la section.
Page Header
A lightweight page header with a breadcrumb trail, a bold page title, and a muted subtitle. Drop it at the top of any content area for consistent screen-level navigation context.
layoutJean Dupont
jean.dupont@company.com
Sidebar Navigation with User (Dark)
Full-height dark sidebar featuring a circular user avatar (User().Image), full name, email address, a subtle divider, and three nav buttons with icons. Fits a standard 1366×768 canvas layout.
navigationJean Dupont
jean.dupont@company.com
Sidebar Navigation with User (Accent)
Full-height sidebar with an accent background color, circular user avatar, name, email, and nav buttons with white icons. Swap the Fill color to match your brand.
navigationProjet
Créez ou accédez à vos projets
Clients
Gérez votre portefeuille
Action Card
A clickable card with a colored icon block on the left, a bold title, and a short description. A transparent button overlay handles navigation. Ideal for home screens and dashboards.
cardsBadge / Tag
A small, pill-shaped status badge for labeling items with a color-coded state such as Active, Inactive, or Pending. Lightweight and composable.
buttonsPrimary Button
A bold, filled blue button with rounded corners for primary call-to-action use. Features a clean label centered on a solid blue background.
buttonsSecondary Button
An outlined button with a transparent background for secondary actions. Uses a subtle border and muted label to complement primary actions.
buttonsIcon Button
A compact square button displaying a centered icon, ideal for toolbars and action menus. Built with a rounded rectangle background and a Power Apps icon.
buttonsSimple Dropdown
A clean, minimal single-select dropdown for forms. Styled with a dark background and subtle border to match a modern UI.
formsSearch Bar
A text input field with a magnifier icon for search interactions. Combines a styled text input and icon in a rounded container.
formsNav Menu Horizontal
A top horizontal navigation bar with multiple items and an active state indicator. Uses a blue underline to highlight the selected route.
navigationSidebar Nav
A vertical left-side navigation panel with icons and labels for each menu item. Supports an active highlight state using a blue background strip.
navigationData List
A structured list component displaying rows of data with alternating background colors for readability. Ideal for tabular data without a full grid.
tablesTotal Revenue
$48,250
Stats Card
A KPI card displaying a key metric, its label, and a trend indicator with color-coded direction. Ideal for dashboard summary sections.
cardsDelete record?
This action cannot be undone. The record will be permanently deleted.
Modal de confirmation
Modal de confirmation avec titre, message personnalisable et deux boutons d'action.
modalsInformation
Your changes have been saved successfully.
Modal informatif
Modal d'information avec icône, titre et message. Idéal pour les notifications.
modals