Component Library

Overview

Sveleton provides a collection of reusable UI components optimized for content-rich media projects. All components are exported from $lib for easy importing throughout your application.

Key Components

The component library includes the following building blocks:

Articles - Grid layout component for displaying collections of articles or posts.

PostPreview - Card component for article previews with metadata and thumbnails.

Accordion - Collapsible content sections for FAQ-style layouts.

Img - Responsive image component powered by @zerodevx/svelte-img with automatic srcset generation and LQIP placeholders.

LinkBlock - Clickable card component for featured links and CTAs.

SharePostLink - Social sharing buttons for content distribution.

CallToAction - Prominent CTA sections for conversion optimization.

AnchorHeading - Headings with automatic anchor links for deep linking.