Cette page transpose les exports React Native en spécimens web vérifiables. Même géométrie, mêmes tokens, mêmes états — les comportements de plateforme restent ensuite natifs dans Expo.
Prototype visuel : prix, offres et enseignes fictifs · Guadeloupe
Les valeurs ci-dessous correspondent directement à tokens.ts.
Les prix utiles,
au bon moment.
Comparez le coût effectif après crédit fidélité.
160 msfeedback
240 msquick
380 msscreen
420 msreveal
Contrôles tactiles de 44 px minimum et états accessibles explicites.
En-tête Orbit, recherche immédiate et catégories Ribbon à base d’images réelles.
Les offres utiles autour de vous, comparées au coût réel.
Label toujours visible, aide adjacente et état d’erreur qui explique la correction.
Le favori reste un contrôle indépendant de l’ouverture de l’offre, dans tous les formats.
2 × 250 g · Market Démo
Placement, inclinaison et couleur dérivés automatiquement de l’index.
Super U Démo
E.Leclerc Démo
Super U Démo
Market Démo
Super U Sainte-Rose
Les compositions réutilisées dans Recherche, Offre et Catalogues sont maintenant des exports natifs, pas du CSS propre à un écran.
2 × 250 g · Market Démo
Nouveau catalogueLes offres de la rentréeMarket Démo · 42 offres · jusqu’au 8 septembre
Favoris triés, alertes contrôlées et identité reprennent les compositions réelles de Sélection.
Panier fruits & légumesSuper U Démo · 14,90 €Lessive sensitive 1,5 LE.Leclerc Démo · 7,20 €Café moulu Créole CorséExpirée le 6 septembreClassement au coût effectif par unité, dans toute la Guadeloupe.
5 offres compatibles
Produit identique
Carrefour
19,16 € / kg Référence Avec carte
Produit similaire
Leader Price
17,80 € / kg −7 % Sans carte
Produit similaire
Super U
20,40 € / kg +6 % Sans carte
Produit similaire
E.Leclerc
21,20 € / kg +11 % Avec carte
Produit similaire
Match
22,00 € / kg +15 % Sans carte
250 g · Leader Price
Sans carte · 4,45 € en caisse
Le chargement remplace seulement les données distantes, jamais le contexte ni les contrôles locaux.
Enregistrez une offre pour la retrouver ici, même lorsqu’elle expire.
Chaque composant public possède un spécimen sur cette page ou une preuve de fondation dédiée.
| Famille | Exports couverts | Preuve |
|---|---|---|
| Fondations | palette, colors, spacing, radii, sizes, fontFamilies, typography, shadows, motion, layout | Tokens visibles |
| Primitives | BloomText, BloomButton, IconButton, FavoriteButton, Badge, Chip, SectionHeader, BloomScreen · BloomTextVariant, BloomTextProps, ButtonVariant, BloomButtonProps, IconButtonVariant, IconButtonProps, FavoriteButtonProps, BadgeTone, BadgeProps, ChipProps, SectionHeaderProps, BloomScreenProps, BloomStyle | États inclus |
| Icônes | BloomIcon · BloomIconName, BloomIconProps · 24 noms typés | Planche complète |
| Découverte | OfferSearchAutocomplete, CategoryRail · OfferSearchSuggestion, OfferSearchAutocompleteProps, CategoryItem, CategoryRailProps | Recherche libre + offres actives prioritaires |
| Formulaires | TextField, ToggleRow, ProductAutocomplete, SingleRegionSelect · TextFieldProps, ToggleRowProps, ProductAutocompleteOption, ProductAutocompleteProps, SingleRegionOption, SingleRegionSelectProps | Cible libre conditionnelle + produit normalisé + région unique |
| Offres | OfferSignal, OfferSignals, OfferCard, SelectionOfferGrid, HeroOfferCard, ExpiredOfferCard · OfferSignalProps, OfferSignalsProps, OfferCardProps, SelectionOfferGridProps, HeroOfferCardProps | Placement automatique + états |
| Parcours | FilterButton, FilterChipGroup, FilterPanel, SearchResultCard, OfferDetailMedia, OfferFacts, ProofNote, OfferActionDock, CatalogueFeatureCard, RetailerRow · FilterButtonProps, FilterChoice, FilterChipGroupProps, FilterGroup, FilterPanelProps, SearchResultCardProps, OfferDetailMediaProps, OfferFact, OfferFactsProps, ProofNoteProps, OfferActionDockProps, CatalogueFeatureCardProps, RetailerRowProps | Recherche + offre + catalogue |
| Collections | SegmentedControl, FavoriteOfferSections, AlertSummaryCard, AlertRow, ProfileIdentityCard, ProfileMenuRow, ConsentRow · SegmentedOption, SegmentedControlProps, FavoriteOfferSectionsProps, AlertSummaryCardProps, AlertRowProps, ProfileIdentityCardProps, ProfileMenuRowProps, ConsentRowProps | Favoris + alertes + profil |
| Comparaison | MatchBadge, ComparisonCard, ComparisonPreviewCard, ComparisonPreviewRail, PriceTruthCard · MatchBadgeProps, ComparisonCardProps, ComparisonPreviewRailProps, PriceTruthCardProps | Exact + similaire |
| Navigation | BottomNav, AppToolbar, SubpageToolbar, ScreenHeader · BottomNavProps, AppToolbarProps, SubpageToolbarProps, ScreenHeaderProps | Deux contextes |
| Retours | Skeleton, OfferCardSkeleton, ListRowSkeleton, EmptyState · SkeletonProps, EmptyStateProps | Bascule d’état |
| Données | OfferStatus, MatchType, DifferenceTone, OfferSummary, ComparisonOffer, FavoriteGroups, BottomNavItem | Contrats TypeScript |
| Utilitaires | partitionFavoriteOffers, formatExpiry | Contrats d’exécution |