Design
Documentation
Contentful User Guide
Guide
Component Playground
Playground
Components
Component Playground
@dertour/ui · 247 components
Primitives
6
CtaButton
CtaButtonFromEntry
sub
PhoneNumber
SearchGlassIcon
SocialIcons
TikTokIcon
Common
163
AirportOptionRow
ArticleCard
Articles
BeforeYouTravel
BeforeYouTravelBar
BillingSummary
BookingBalance
BookingContactForm
BookingDocuments
BookingHeader
BookingInspiration
BookingSectionNav
BookingSubNav
BookingSubPageLayout
Breadcrumb
CalendarIcon
sub
CarouselControls
CarouselRoundel
sub
ChipRow
ComponentHeader
ContactMessageDialog
ContactPrompt
ContentRail
ContentRailCell
DateCalendar
DepartureCountdown
DestinationCard
DialogShell
EmergencyBanner
EmergencyBannerShell
EmptyStateBanner
ExpertCard
ExpertContactCard
ExpiredQuoteNotice
FeaturedHolidays
FeefoReviews
FlightCheckInLink
GlobalLoader
HandpickedHolidays
HelpMeChooseInterests
HelpMeChooseModal
HelpMeSearchPanel
HeroSlide
HeroSlider
HomeHero
HomeOffers
HomePageLayout
HomepageSectionRenderer
HomeSearchBar
HotelAreaMap
HotelAreaPlaceCard
HotelArticles
HotelBackToTop
HotelCard
HotelCollection
HotelDepartureAirports
HotelExcursionCard
HotelExcursions
HotelExpertByline
HotelExpertStory
HotelExpertTips
HotelFacilities
HotelFaqs
HotelGoodToKnow
HotelHero
HotelHeroGallery
HotelHeroTags
HotelHolidayDetails
HotelHolidaySummary
HotelInspirationCard
HotelJumpMenu
HotelMediaGallery
HotelMediaThumbnails
HotelMoreHolidays
HotelMultiCentreIdeas
HotelOfferCard
HotelOffers
HotelOverview
HotelPageLayout
HotelPageSectionRegion
HotelPriceCalendar
HotelPricingPriceBlock
HotelPricingSummary
HotelReviews
HotelRoomCard
HotelRoomTypes
HotelTestimonial
HotelTripCustomisation
HotelWeatherChart
HotelWeatherChartRow
HotelWeatherDataTable
HotelWhenToVisit
ImageGallery
Introduction
ItineraryFilters
KuoniExperts
KuoniHighlights
LinkCard
LinkCardGrid
ListingCard
LoaderPanel
LocalTaxesNotice
LocationOption
LocationPinIcon
sub
LuggageIcon
sub
MonthGrid
MonthYearPicker
MotionProvider
OfferCard
OffersBanner
PayBalanceSummary
PaymentHistory
PaymentStepper
PlaneRightIcon
sub
PopularDestinations
PreBookingConfirmation
ProgressCircle
PromoLinkCard
QuoteCard
QuoteContactForm
QuoteHeader
QuoteHero
QuoteSummaryCard
ResumeBookingCta
Reveal
RichText
RouteProgressBar
SafeHandsBar
SearchBar
SearchFieldButton
SearchResultsBreadcrumb
SearchResultsCardRow
SearchResultsEmptyState
SearchResultsFilters
SearchResultsLayout
SearchResultsPagination
SearchResultsSkeleton
SearchResultsTabs
SearchResultsToolbar
SearchResultsView
SectionHeading
SectionWrapper
SmallCta
StyleGuide
SuggestedExperiences
Testimonials
TextLink
TravellerStepper
TripCustomise
TripCustomiseHotelRow
TripEnquiryDialog
TripHotelDialog
TripIdeaCard
TripIdeaPriceBlock
UpgradeOptions
UspBanner
Video
WaysToBook
WhenCalendar
WhereFromAirports
WhereToSearch
WhoGoingSelector
WhyChooseKuoni
Itinerary
39
AccommodationDetail
AccommodationDetailsDialog
AccommodationSummary
AccommodationSummaryWithDetails
AdvisoryNote
CruiseDetail
CruiseDetailsDialog
CruiseStop
CruiseStopCard
CruiseStopDetail
CruiseStopDetailsDialog
CruiseStopWithDetails
CruiseSummary
CruiseWithDetails
DetailDisclaimer
DetailFieldGrid
DetailFieldSections
DetailGallery
Experience
ExperienceCard
ExperienceDetail
ExperienceDetailsDialog
ExperienceWithDetails
FilterableItinerary
FlightDetail
FlightDetailsDialog
FlightSummary
FlightSummaryWithDetails
ItineraryLabelsProvider
sub
ItineraryTimeline
PassengerDetails
PassengerInformation
StopHeading
TourDay
TourDayCard
TourDayDetail
TourDayDetailsDialog
TourDayWithDetails
TransferSummary
CMS Modules
21
AccommodationModule
AccountListing
Availability
BenefitsPanel
CmsPage
CmsPageShell
Components
ContactPhone
ContentfulPreviewProvider
sub
ContentRailModule
EmptyStateBannerModule
ExitDraftModeLink
ExperienceModule
ExpertContactModule
IconItemModule
ItineraryModule
JsonLd
LayoutRenderer
NewsletterModule
RichTextBlockModule
SafeHandsBarModule
Layout
14
AccountHeader
Footer
FooterBadgeRow
FooterColumns
FooterLegal
FooterNewsletter
FooterShell
Header
HeaderActions
HeaderLogo
HeaderNav
HeaderShell
MobileMenu
PageChrome
Features
1
BookingCard
Feedback
2
ErrorPage
ErrorPageShell
Other
1
SampleButton
sub
Component / Common
Video
import Video from "@dertour/ui/components/common/Video"
packages/ui/src/components/common/Video.tsx · not yet imported by any brand app
Loading demo…
DesignDesign