← Media

Website / Media

CoverImage

Uses media as a container or background treatment.

Live example

Abstract Northstar journal cover

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// CoverImage usage will be documented here.

Adopt to your project

This Website → Media → CoverImage component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.

Accessibility

Do not use informative cover images as CSS-only decoration.

API reference

API focus
Source, fit, focal point, overlay content, alt behavior.

The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Website → Media → CoverImage