pr-AppLayout (1600) — pr-AppLayout (1600), lu-app-layout, header, footer, sidebar, headerSticky, footerSticky, repeatContent, contentOverflowi
pr-AvatarWrapper (v17.3) — Composant pr-AvatarWrapper, directives lu-user-picture et [luUserPopover], inputs sizes. Variantes: XS, S, M, L. Utilisa
pr-Breadcrumbs — Composant de navigation à fil d'Ariane, sélecteurs : lu-breadcrumbs, [luBreadcrumbsLink]. Inputs principaux : ariaCurren
pr-BubbleIcon — Composant pr-BubbleIcon, sélecteur lu-bubble-icon. Inputs : direction, size, icon, alt. Variantes : Direction, Palette.
pr-BubbleIllustration — Composant pr-BubbleIllustration, sélecteur lu-bubble-illustration, inputs size et action, variantes Type=Error, Type=Suc
pr-ButtonGroup — Composant pr-ButtonGroup, directive luButton, inputs : block, palette, state, disclosure, critical, size. Variantes : Fi
pr-Calendar — Composant pr-Calendar, utilisé pour la sélection de dates. Éléments principaux : luCalendar. Variantes : Type=Day, Type=
pr-Callout — Composant Callout pour afficher des messages contextuels importants. Sélecteurs : lu-callout, lu-callout-actions, lu-fee
pr-CalloutDisclosure — CalloutDisclosureComponent, lu-callout-disclosure, inputs: icon, state, size, heading, palette, open. Variantes disponib
pr-CalloutPopover — Composant CalloutPopover, sélecteur lu-callout-popover, inputs items, buttonLabel, buttonAlt, icon, state, heading, head
pr-CheckboxFieldset — CheckboxFieldset, directives/Sélecteurs: lu-checkbox-input, Inputs: type, size, alignment, feedback; variantes: Default,
pr-Chip — ChipComponent, sélecteurs: lu-chip, button[luChip], a[luChip], inputs: unkillable, disabled, product, withEllipsis, smal
pr-Clear — Composant pr-Clear, sélecteur: lu-clear, inputs: disabled, palette, inverted, size, alt, hidden, variantes: 40 (ex: Size
AssetsColorPicker — Composant AssetsColorPicker, sélecteurs Angular : [luOption], lu-form-field, lu-color-input. Inputs principaux : label,
pr-Comment — Composant pr-Comment, directives/sélecteurs Angular : lu-comment, lu-comment-block, lu-comment-chat. Inputs principaux :
pr-DataPresentation (v21.1) 🎉 — Composant Angular pour afficher une donnée avec son libellé descriptif. Directive/Component: , inp
pr-DataTable — Composant Angular lu-data-table pour afficher des données tabulaires. Inclut tbody[luDataTableBody], lu-data-table, tfoo
pr-DatePicker — Composant pr-DatePicker, directives/sélecteurs Angular, inputs principaux : size, period, state, content, feedback, form
pr-DateRangePicker (v19.1) — Composant pr-DateRangePicker, directives/sélecteurs Angular non disponibles, inputs principaux non renseignés, variante
AssetsDialogs — Composant AssetsDialogs, utilisé pour afficher des dialogues avec des variantes incluant AssetsDialogs et Backdrop.
pr-Divider — Composant Divider, sélecteur lu-divider, input separatorRole, variantes Horizontal, Horizontal - Content, Vertical.
pr-DropdownMenu — Dropdown, luDropdown, lu-dropdown-action, lu-dropdown-divider, lu-dropdown-group, lu-dropdown-item, lu-dropdown-menu. Ut
pr-DurationPicker — Composant pr-DurationPicker, directives luDurationPicker, inputs size, type, state, feedback, presentation, variantes de
pr-EmptyStateFull — Composant pour afficher un état vide, avec les sélecteurs Angular lu-empty-state-page et lu-empty-state-section, inputs
pr-FancyBox (v19.1) — Composant FancyBox, sélecteur lu-fancy-box, inputs principaux : backgroundLeft, backgroundRight, foreground, `si
AssetsFieldset — Composant AssetsFieldset, directives Angular lu-fieldset, lu-form-field, lu-text-input, lu-grid, lu-grid-column. Inputs
pr-FileEntry (v19.3) — Composant pour afficher une entrée de fichier. Sélecteur : lu-file-entry. Inputs principaux : entry. Variantes : Default
AssetsFileUpload — Composant de téléchargement de fichiers, directives : lu-file-entry, lu-multi-file-upload, lu-single-file-upload, lu-for
pr-FilterBar (v19.2) — Composant FilterBar, sélecteur lu-filter-bar, directives luFilterPillAddonBefore, luFilterPillAddonAfter. Inputs princip
pr-FilterPill (v19.2) — Composant FilterPill, directives Angular lu-filter-pill, lu-simple-select, lu-multi-select, lu-date-input, lu-date-range
Slot — Composant Slot, utilisé pour gérer des éléments flottants. Variantes: Type=Text, Type=Slot, Type=Slot - Mini. Sélecteurs
pr-Footer — Composant pr-Footer, sélecteur lu-footer, input container, variantes Screen Size=M, Screen Size=S, déclencheurs footerCo
pr-FormField — Composant Angular pr-FormField pour structurer des champs de formulaire. Sélecteur Angular <pr-FormField>. Ce composan
pr-Gauge — Composant pr-Gauge, sélecteur: lu-gauge. Inputs: palette, thin, animated, circular, size, value, alt, noAlt. Variantes:
pr-HighlightData (v19.3) — Composant pr-HighlightData, sélecteur lu-highlight-data, input principal palette, variantes Size, Theme, Data first, Fee
pr-HorizontalNavigation — Composant de navigation horizontal, sélecteurs : lu-horizontal-navigation, [luHorizontalNavigationLink]. Inputs : size,
pr-Icon — Composant pr-Icon, utilisé pour afficher des icônes avec différentes tailles (XS, XXS, S, M, L, XL, XXL). Sélecteur : lu
pr-IndexTable — pr-IndexTable, composant lu-index-table avec inputs empty, layoutFixed, selectable, action, hiddenLabel, expanded, group
pr-InlineMessage — Composant pr-InlineMessage, sélecteur Angular lu-inline-message, inputs : state, size, label, variantes : Critical, Defa
pr-InputFramed (v20.1) — Composant pr-InputFramed, sélecteur lu-input-framed, inputs : panel, illustration, info, tag, checkbox, center, inlineMe
pr-Link — Composant pr-Link, directives/sélecteurs Angular, inputs principaux, variantes (Size, Underline, State, Palette), mots-c
pr-Listing (v20.1) 🎉 — Composant pr-Listing (v20.1) 🎉, sélecteurs: lu-listing, lu-listing-item, inputs: defaultIcon, icon, start, reversed, p
pr-Loading — Composant de chargement, sélecteur Angular lu-loading, variantes Palette=Product, Size=S, Palette=Product, Size=XS, Pale
pr-MobilePush (v20.1) — MobilePushComponent, sélecteur lu-mobile-push, inputs appStoreLinkClicked, googlePlayLinkClicked, variantes Badge Alignm
pr-MobileNavigation — Composant pr-MobileNavigation, directives Angular, luMobileNavigation, variantes: Tab Count=2 Tabs, Tab Count=3 Tabs, Ta
AssetsSelect — Composant AssetsSelect, directives : [luOption], [lu-multi-select], inputs : tooltip, label, required, placeholder, size
pr-MultilanguageTextfield — Composant pr-MultilanguageTextfield, sélecteurs Angular lu-form-field et lu-multilanguage-input, inputs : label, require
pr-NewBadge — Indique une fonctionnalité comme nouvelle dans une application. Composant Angular NewBadgeComponent, sélecteur lu-new-ba
pr-NumericBadge — Composant pr-NumericBadge, sélecteur Angular lu-numeric-badge, inputs: value, maxValue, palette, size, loading, disableT
pr-PageHeader — Composant pr-PageHeader, sélecteur lu-page-header, directives lu-breadcrumbs, [luBreadcrumbsLink], lu-form-field, lu-tex
pr-Pagination — Composant Angular pr-Pagination, sélecteur lu-pagination, permet de paginer un contenu ou des données en plusieurs pag
pr-PhoneNumberField — Composant pour entrer un numéro de téléphone. Sélecteurs : lu-phone-number-input, lu-form-field. Inputs : disabled, labe
pr-PLGPush — Composant Angular lu-plg-push pour afficher une publicité within app sur une fonctionnalité ou solution Lucca. Inputs
pr-Popover — Popover Angular Directive pour afficher un contenu supplémentaire en superposition, déclenché par interaction avec un él
pr-ProgressBar — Composant de barre de progression, sélecteur Angular: lu-progress-bar, inputs: state, indeterminate, value. Variantes: S
pr-Radio — Composant pr-Radio, sélecteurs lu-radio, lu-radio-group-input, inputs: size, inlineMessageState, hiddenLabel, tooltip, l
pr-ReadMore (v19.3) — Composant pr-ReadMore, sélecteur lu-read-more. Inputs principaux : lineClamp, surface, textFlow, openOnly, innerContent.
pr-ResourceCard (v21.0) 🧪 — Carte de ressource, sélecteurs : lu-resource-card, button[luResourceCardAction], a[luResourceCardAction], lu-resource-ca
pr-RichTextfield (v19.3) — Composant pr-RichTextfield, sélecteurs Angular lu-rich-text-input, lu-rich-text-input-toolbar, directives luWithHtmlForm
Scrollbar — Scrollbar, directive luScrollbox, inputs principaux type, direction, variantes disponibles : PC Horizontal, Mac Ve
pr-SegmentedControl — Composant pr-SegmentedControl, directives: lu-segmented-control, lu-segmented-control-tabs, lu-segmented-control-filter,
pr-Select — Composant pr-Select pour les sélections simples ou multiples, directives luSelect, input principal options, variantes di
pr-Skeleton — Composant pr-Skeleton pour afficher des éléments de chargement. Variantes incluent différents types de texte et styles.
pr-SkeletonButton (v18.1) — Pr-SkeletonButton (v18.1), lu-skeleton-button, dark, size. Les Skeletons permettent de faire patienter l utilisateur en
pr-SkeletonFormField (v18.1) — SkeletonFieldComponent, sélecteur lu-skeleton-field, inputs hiddenLabel et rows, variante pr-SkeletonFormField (v18.1),
pr-SkeletonPageHeader (v18.1) — Composant pr-SkeletonPageHeader, directive lu-skeleton-header. Indique à l'utilisateur le type et la position des conten
pr-SoftwareIcon — Icône de logiciel pour représenter divers produits. Sélecteur : lu-software-icon. Inputs : icon, disabled. Variantes : 4
pr-SortableList — Composant Angular pour des listes réordonnables avec les sélecteurs et . Input
pr-DotBadge — Composant pr-DotBadge, sélecteur lu-status-badge, inputs : palette, size, label, withEllipsis. Variantes : Size=S, Size=
pr-Switch — Composant pr-Switch, directives Angular lu-form-field, lu-checkbox-input, lu-switch-input, inputs : size, inlineMessage,
pr-Tag — Composant pr-Tag, sélecteur lu-tag, inputs principaux : size, outlined, icon, AI, withEllipsis, label. Var
pr-TextFlow (v19.2) — Le composant Text flow (lu-text-flow) structure et stylise un contenu textuel en appliquant une hiérarchie visuelle (t
pr-Textarea — Composant pr-Textarea, directives lu-form-field et lu-textarea-input, inputs label, required, tooltip, disabled, placeho
pr-Textfield — Composant pr-Textfield, directives lu-form-field et lu-text-input, inputs: label, required, tooltip, tag, size, inlineMe
pr-UserTile — Composant LuUserTileComponent et la directive LuUserPopoverDirective du design system Lucca Front. Représente une fiche
pr-TimePicker — Composant pr-TimePicker, sélecteur de temps Angular, inputs principaux : [size, state, content, feedback], variantes : S
pr-TimelineHorizontal — Composant de timeline horizontale, directives/sélecteurs Angular, variantes de taille (Small, Default), mots-clés de dé
pr-Toast — <Composant de notification, pr-Toast, pouvant afficher différents types de messages (Error, Warning, Success, Informativ
pr-Tooltip — pr-Tooltip. Aide contextuelle au survol. Angular: aucun sélecteur/directive/inputs documentés dans @lucca-front/ng pour
pr-UserPopover — pr-UserPopover — popover d’information collaborateur. Affiche poste, département, lieu de travail, absences et liens ver
pr-VerticalNavigation — VerticalNavigation, lu-vertical-navigation, lu-vertical-navigation-group, lu-vertical-navigation-item, luVerticalNavigat

lucca-front

Composants