Ostréiculture4.94
Dégustation au large, sur la barge
68€/ pers.
— Catalogue Ex*
TOUS LES COMPOSANTS.
Chaque cellule = un composant atomique avec ses variantes. À utiliser tel quel dans toutes vos pages — toute exception se transforme en nouveau composant ici.
ATOMES
Typographie — ExText
display
EXPLOREZ
serif
Une rencontre
serif-italic
en passant
body
Texte courant Inter, lh 1.55.
mono
REF — 01.02.03
eyebrow
— Une section
Boutons — ExButton
primary
gold
ghost
link
sm
md
lg
loading
disabled
block
with icons
IconButton — ExIconButton
default
ghost
dark
Champs — ExInput
light
dark
number
textarea
Badges & tags
badge default
−10 %
badge olive
Artisan fondateur
badge filled
Confirmé
badge soft
Bientôt complet
tag gold
OSTRÉICULTURE
tag olive
VENDANGES
tag earth
ARTISAN
Filets & dividers
rule gold
rule full
rule dark
divider hairline
divider gold
divider dashed
Avatar — ExAvatar
default
blue
green
terracotta
cream
tailles
Notation, prix, étoile
star
rating
rating sans count
price
68€
price + suffix
68€/ pers.
price gros
136€
Loading — ExSpinner & ExSkeleton
spinner
skeleton ligne
skeleton card
skeleton avatar
Icônes — ExIcon (catalogue complet)
search
heart
heart-filled
share
arrow-right
arrow-left
chevron-down
chevron-up
close
plus
minus
filter
map
grid
list
calendar
user
users
message
inbox
send
trips
wishlist
globe
phone
mail
instagram
check
info
warning
pin
clock
Liens & status
Contrôles de form
checkbox
radio group
switch
MOLÉCULES
ExField — label + input + erreur/hint
default
optional
with hint
On vous appelle uniquement en cas d'urgence.
with error
Adresse invalide
dark
ExSegmentControl
2 segments
3 segments
ExStepper
default
3
at min
1
at max
8
ExPhotoTile — 5 tones
default
green
blue
terracotta
cream
ExImageCarousel — 3 photos
default
ExFilterChip
default
active
with count
active+count
with icon
ExAccordion
default
ExEmptyState
default
Aucune réservation pour l'instant.
Vos prochaines expériences apparaîtront ici.
with action
Rien dans cette liste.
Sauvegardez votre première expérience.
ExBottomSheet
trigger
ExWishlistHeart
36px
44px
ExSocialProofChip
default
Réservé 12 fois cette semaine
ExPriceRow
default
68 € × 2 voyageurs
136 €
with hint
Frais de service
8 %
11 €
emphasis
Total
147 €
ExDateRangePicker
empty
filled
ExSelect
default
dark
ExEyebrowTitle
sm
— Eyebrow
UN TITRE SM
Sous-titre italique.
md
— Eyebrow
UN TITRE MD
Sous-titre italique.
lg
— Eyebrow
UN TITRE LG
dark
— Eyebrow
VERSION SOMBRE
Cream + gold accent.
ExSearchPill
default
ExFormStepper
1/5
— Étape01 / 05
3/5
— Étape03 / 05
5/5
— Étape05 / 05
ExMapPin
default
68 €
active
95 €
saved
42 €
no price
✦
ExCarouselDots
light 5
dark 5
ORGANISMS
ExExperienceCard — default + wide
ExExperienceGrid — grid + scroll
grid
scroll
ExHostCard — full + compact
compact
Alex
Ostréiculture · Bassin d'Arcachon
ExCalendar — single + range
single + availability
Juin 2026
L
M
M
J
V
S
D
range
Juin 2026
L
M
M
J
V
S
D
ExHostCalendarGrid — calendrier artisan
Juin 2026
L
M
M
J
V
S
D
RéservéDisponibleBloquéAujourd'hui
ExBookingCard (right rail)
ExReviewsBlock
- Margauxoctobre 2025 · 5.0
- Pierre & Léaseptembre 2025 · 5.0
- Sébastienseptembre 2025 · 4.5
- Charlotteseptembre 2025 · 5.0
ExAmenitiesBlock
- Boissons offertes
- Matériel fourni
- En extérieur
ExThingsToKnow
Annulation modérée
- Gratuite jusqu'à 5 jours avant
- 50 % remboursés ensuite
- Non remboursable 24 h avant
À prévoir
- Une veste coupe-vent
- Des chaussures à semelle plate
- L'envie de mouiller un peu les pieds
Bon à savoir
- Marée et météo dépendantes — je vous appelle la veille si on décale
- Pas adapté aux enfants de moins de 8 ans
- On reste à 200m du rivage, gilets fournis
ExFilterBar
ExFeaturedBanner
ExAtlasFrance
ExTripTimeline
- J-7
Confirmation finale
L'artisan vous écrit pour caler l'horaire et le lieu.
- Le jour J · 09:00
Dégustation sur la barge
Trois heures sur l'eau, douze huîtres.
- Après
Laissez un avis
Votre retour reste précieux.
ExLabFooter (rendu compressé)
MODALES & SHEETS
Composants overlay : cliquez le trigger pour voir le rendu en contexte (lock body scroll, Esc pour fermer).
ExSearchModal
ExReviewsModal
ExShareSheet
ExSaveToWishlistSheet
ExPhotoLightbox
ExAuthModal (via useAuth)
ExToast (via useToast)
TEMPLATES & PROVIDERS
Templates : structures de page partagées. Providers : contextes réutilisables (sans rendu visible direct).
ExAppShell
@/components/templates/ExAppShellTop nav + main + bottom nav + footer optionnel + safe-area. Utilisé sur toutes les pages visiteur.
header?hideBottomNav?hideAllNav?contained?showFooter?
ExHostShell
@/components/templates/ExHostShellTop nav artisan olive-deep + main. Utilisé sur /lab/host/*.
children
ExToastProvider
@/components/templates/ExToastProviderContext provider pour les toasts. Hook useToast() expose .show(body).
children
ExAuthProvider
@/components/templates/ExAuthProviderContext provider pour la modale d'auth. Hook useAuth() expose .openAuth() / .closeAuth().
children