caseywatts / astro-mastodon-embed

A component for Astro to embed Mastodon posts in your website.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

astro-mastodon-embed

About

An Astro component for embedding Mastodon posts in your website.

This is very much a work in progress, and not at all ready for production.

Install

In your Astro project, run the following command:

npm i astro-mastodon-embed

Importing & Usage

Import

In your Astro or MDX file:

import MastodonEmbed from 'astro-mastodon-embed'

Use Component

The MastodonEmbed component just needs a URL for the post you want to embed.

<MastodonEmbed url={yourUrl} />

By default, the component is in light mode. You can enable dark mode by passing the prop variant="dark":

<MastodonEmbed url={yourUrl} variant="dark" />

Dependencies

Acknowledgments

About

A component for Astro to embed Mastodon posts in your website.

License:MIT License


Languages

Language:Astro 63.3%Language:CSS 36.7%