Dodaj komponenty React Cal.com do swojej aplikacji
Dodaj planowanie do swojej aplikacji dzięki komponentom React, które stylizujesz jak własne i które działają na infrastrukturze stojącej za Cal.com.
npm install @calcom/atoms1// Style Atoms with Javascript23const appearance = {4 theme: Custom,5 variables: {6 fontFamily: 'Comic sans',7 colorPrimary: '#101010',8 colorBackground: '#ffffff',9 colorText: '#374151',10 borderRadius: '6px',11 spacingUnit: '8px',12 }13};14const atoms = cal.atoms({ clientSecret, appearance });15
Cédric van Ravesteijn
Why Cal.com is better than Calendly
Ready to see why Cal.com outshines Calendly? Spoiler alert: it's not even close!
15m30m45m1h
Cal Video
Europe/Amsterdam
May 2025
Zaufali nam szybko rosnący klienci na całym świecie
Konfigurowalne komponenty do dowolnego przepływu planowania
Atoms to komponenty React dla każdej części planowania: łączenia kalendarzy, ustawiania Dostępności, tworzenia Typów wydarzeń i przyjmowania Rezerwacji.
1import { Connect } from "@calcom/atoms";23export default function Connect() {4 return (5 <>6 <Connect.GoogleCalendar isMultiCalendar={true} />7 <Connect.OutlookCalendar isMultiCalendar={true} />8 <Connect.AppleCalendar isMultiCalendar={true} />9 </>10 )11}
Zacznij z Cal Atoms
Zacznij integrować w pełni zgodny przepływ planowania za pomocą zaledwie kilku linijek kodu.
Integruj
1import { CalProvider, Booker } from "@calcom/atoms";23export default function App() {4 return (5 <CalProvider accessToken="30AadwEContactSalesToGetAKey42069">6 <Booker username="jane-doe" eventSlug="weekly-sync" />7 </CalProvider>8 );9}
Dostosuj
Primary color
Text color
Background
Text color
Zbieraj
This event is scheduled
We emailed you and the other attendees a calendar invitation with all the details.
9:00 am – 10:00 am (Europe/Dublin)
Bezpieczne, zgodne i w pełni konfigurowalne
Cal atoms zaprojektowano, aby uprościć tworzenie zgodnych przepływów planowania. Są elastyczne, bezpieczne i w pełni zgodne m.in. z HIPAA.
W pełni zgodne i bezpieczne
Nieskończenie konfigurowalne
Łatwa integracja
Wiele komponentów
Niezawodne i skalowalne
Obsługa tłumaczeń
Konfigurowalne u podstaw
Przyjazne deweloperom
Moc personalizacji bez bólu budowania wszystkiego samodzielnie
Cal Atoms pasuje do niemal nieograniczonej liczby zastosowań. Poniżej znajdziesz tylko kilka najczęstszych.
Education marketplace
Hire a freelancer for XYZ
Anna KendrickCo-FounderDepartment
Qualifications
Location
Chris WashingtonEngineering LeadDepartment
Skills
Location
Alex FisherProduct LeadDepartment
Skills
Location
Dominique SchutteHuman ResourceDepartment
Skills
Location
Joe BergerCTO
Anna FritzHead of Operations
Ralph BakerCEOJane DoeHuman Resource ManagerKomponenty plug & play
My zajmiemy się problemami ze strefami czasowymi, abyś Ty mógł skupić się na budowaniu części firmy, które dają wartość Twoim klientom.