Shared Package Library
Shared Package Library
@dertour/ui · 229 components
Primitives (5)
CtaButton
CtaButtonFromEntry
sub
PhoneNumber
SocialIcons
TikTokIcon
Common (150)
AirportOptionRow
ArticleCard
Articles
BeforeYouTravel
BeforeYouTravelBar
BillingSummary
BookingBalance
BookingContactForm
BookingDocuments
BookingHeader
BookingInspiration
BookingSectionNav
BookingSubNav
BookingSubPageLayout
Breadcrumb
CalendarIcon
sub
CarouselControls
CarouselRoundel
sub
ChipRow
ComponentHeader
ContactMessageDialog
ContactPrompt
DateCalendar
DepartureCountdown
DestinationCard
EmptyStateBanner
ExpertCard
ExpertContactCard
ExpiredQuoteNotice
FeaturedHolidays
FeefoReviews
FlightCheckInLink
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
LocalTaxesNotice
LocationOption
LocationPinIcon
sub
LuggageIcon
sub
MonthGrid
MonthYearPicker
MotionProvider
OfferCard
OffersBanner
PayBalanceSummary
PaymentHistory
PaymentStepper
PlaneRightIcon
sub
PopularDestinations
PreBookingConfirmation
PromoLinkCard
QuoteCard
QuoteContactForm
QuoteHeader
QuoteHero
QuoteSummaryCard
ResumeBookingCta
Reveal
RichText
SafeHandsBar
SearchBar
SearchFieldButton
SearchResultsBreadcrumb
SearchResultsCardRow
SearchResultsEmptyState
SearchResultsFilters
SearchResultsLayout
SearchResultsPagination
SearchResultsSkeleton
SearchResultsTabs
SearchResultsToolbar
SearchResultsView
SectionHeading
SectionWrapper
SmallCta
StyleGuide
SuggestedExperiences
Testimonials
TextLink
TravellerStepper
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 (17)
AccommodationModule
AccountListing
Availability
BenefitsPanel
CmsPage
CmsPageShell
Components
ContactPhone
ContentfulPreviewProvider
sub
EmptyStateBannerModule
ExitDraftModeLink
ExperienceModule
ExpertContactModule
IconItemModule
ItineraryModule
LayoutRenderer
RichTextBlockModule
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
SafeHandsBar
Common
import SafeHandsBar from "@dertour/ui/components/common/SafeHandsBar/SafeHandsBar"
packages/ui/src/components/common/SafeHandsBar/SafeHandsBar.tsx · used by kuoni
Loading demo…