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