Components

The Starlight Blog plugin provides components that you can use to display blog content in your project.

`<Preview>`

The <Preview> component renders a blog post using the same preview available on blog listing pages.

Import

import Preview from 'starlight-blog/ui/Preview.astro'

Usage

Render a post from blog data by passing it to the <Preview> component.

---
import Preview from 'starlight-blog/ui/Preview.astro'

const post = Astro.locals.starlightBlog.posts.at(0)
---

{post && <Preview {post} />}

Preview

Vario nunc polo

Dec 12, 2020 - Last update: Dec 30, 2021

Ghost

HiDeoo

Starlight Aficionado

Featured

Canes plura palmas eodem huc scelerate spectat

Lorem markdownum, numen adducere Parthaoniae versa mirabere mea. Magnum utque, et senserat ferendum disiectisque sub coniunx et stolidi telum; duabus.

Crebri pantherarum talis sed etiamnum habet: modo transire. Cum Xanthos rura per iter erat tunc insanos tibi ignorant cum inde fulgebant, dicentem certamina temptabat iam inpleratque. Enim figuram aliter, semper curru mihi est.

const promOptical = disk_extension_zero()

Props

The <Preview> component accepts the following props:

`post`

Required
Type: StarlightBlogPostData

The blog post to render. Use blog data to get a list of posts.