Tesseract Kit home
Back to Heroes

Left-aligned split

Left-aligned copy sits beside one reusable media region.

1200px@ 1x

Eyebrow text

Heading 1 goes here with detail

Description goes here and explains the purpose of this section.

Key features

  • Left-aligned copy sits beside one reusable media region.
  • Responsive composition for the desktop, tablet, and mobile reference canvases.
  • Call-to-action count is configurable without duplicating the structural pattern.
  • Image, video, desktop, and phone share the same authored media region.

Installation

npx tesseract-kit add kit-hero-split-showcase

Properties

NameTypeDefault
ctaMode"none" | "single" | "pair"pair
mediaMode"image" | "video" | "desktop" | "phone"image