Design System
Playground Zur Vorlage

Komponenten · FormularEmbed-Rahmen

Komponente · 6 Varianten

Embed-Rahmen

components/EmbedRahmen.astro

Rahmen für Kalender, Karte, Video: Kopfzeile mit Quelle und Extern-Link, Fläche im Fond, Lade- und Consent-Zustand, volle Breite.

Notizen

  • Bestand: nichts. Cal.com ist verbunden (MCP), Embed später real.
  • Consent vor Fremdlast: Fond mit Satz und Laden-Knopf, kein Schleier.

Props

Name Typ Default Notiz
variant "kalender" | "karte" | "video" | "laedt" | "consent" | "voll" "kalender" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<EmbedRahmen variant="kalender" surface="nacht" />

01 · Kalender

Cal.com, 4:3

Anfrage. Tage-Raster als Platzhalter.

Nacht

Cal.com · Slot buchenExtern öffnen
12345678910111213141516171819202122232425262728

Paper

Cal.com · Slot buchenExtern öffnen
12345678910111213141516171819202122232425262728

02 · Karte

16:9

Kontakt. Ohne Fremdstil.

Nacht

Karte · HamburgExtern öffnen

Paper

Karte · HamburgExtern öffnen

03 · Video

16:9

Video. Rahmen statt Player.

Nacht

Video · WerkstattExtern öffnen

Paper

Video · WerkstattExtern öffnen

04 · Lädt

Skeleton

Fortschritt. animate-pulse.

Nacht

Paper

05 · Consent

Laden-Knopf

Cookie-Consent. Kein Overlay.

Nacht

Externer InhaltExtern öffnen

Dieser Inhalt lädt von Cal.com. Erst nach Zustimmung.

Paper

Externer InhaltExtern öffnen

Dieser Inhalt lädt von Cal.com. Erst nach Zustimmung.

06 · Voll

-mx-6, ohne Kopf

Container voll. Für Booking-Seite.

Nacht

12345678910111213141516171819202122232425262728

Paper

12345678910111213141516171819202122232425262728