Component Building Blocks

Understanding Partials

Partials are the fundamental building blocks used within section components. They provide consistent, reusable UI elements that can be composed together to create more complex layouts. Each partial is self-contained with its own template, styles, and optional JavaScript behavior.

Categories of Partials

Content Partials

  • Text: Renders formatted text with title, subtitle, and prose
  • Author & Date: Displays authorship and publication information
  • Breadcrumbs: Shows navigation hierarchy

Media Partials

  • Image: Responsive image rendering with lazy loading
  • Video: HTML5 video player with controls
  • Audio: Audio player with playlist support
  • Lottie: Animated vector graphics

Interactive Elements

  • Button: Configurable CTA buttons
  • CTAs: Call-to-action groups
  • Navigation: Site navigation menus
  • Search: Search interface components

Layout Components

  • Collection Card: Cards for displaying collections
  • Flip Card: Interactive cards with front/back content
  • Manual Card: Manually configured content cards
  • Overlay: Modal and overlay containers

Utilities

  • Icon: Feather icon renderer
  • Dark/Light Theme Switcher: Theme toggle control
  • Slider Pagination: Pagination for sliders