Tour
Tour — the 3D-walkthrough primitive.
Tour — the 3D-walkthrough primitive.
Takes the whole slot value; the embed url and alt are read off it. There is one
branch, not two: a tour is always a provider embed, so this is <Video>’s link half
with the <video> half — and with it playback, sources, fit and the intrinsic
dimensions — gone rather than left inert. url is the FINISHED embed src, rewritten
once at resolve by tourEmbedUrl, so this component is a pure read.
Framed (default): the box is frame.desktop.aspect, switching to
frame.mobile.aspect below frame.breakpoint when declared and not nominal — see
frame-box.ts. nominal: true withholds that side’s box, same as <Image>/<Video>.
Empty is a neutral rect, not a poster facade. With no embed url the framed
wrapper renders alone — the same role="img" placeholder <Video> leaves. The
tour’s THUMBNAIL is a separate rendering: bind the same slot to <Slot.Image>,
which renders the poster under this slot’s own identity.
The marker is never dropped: {...slot.x} lands on the outermost element in
every branch — framed, unframed, and empty — so a tour rendered twice on one slot is
selectable from either.
object-fit is not offered: it has no effect on a replaced-element iframe, and the
provider’s own player letterboxes inside whatever box it is given.
Import from @homepages/template-kit.
Signature
Section titled “Signature”function Tour(props: Props): ReactNodeParameters
Section titled “Parameters”| Name | Type | Required | Description |
|---|---|---|---|
{ value, alt, frame, className, ...rest } |
Props |
required |
Returns
Section titled “Returns”ReactNode