Tesseract Kit home
Back to Heroes

Bottom-aligned split

Copy anchors to the lower-left beside one tall reusable media region.

1200px@ 1x

Heading 1

Description goes here and explains the purpose of this section.

Key features

  • Copy anchors to the lower-left beside one tall 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-bottom-aligned-split

Properties

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