AppearsOn. A provenance-aware list of destinations where the post was syndicated.
- Discovery
- Static
- Stability · Initial
- ::postkit-appears-on
Usage.
<AppearsOn
label="Read this story on"
showDates
items='[{"service":"bluesky","url":"#component-preview","label":"Bluesky","publishedAt":"2026-08-28T14:00:00Z","status":"published"},{"service":"mastodon","url":"#component-preview","label":"Mastodon","publishedAt":"2026-08-28T14:05:00Z","status":"published"}]'
/>Props. Always in step with the code.
| Prop | Type | Default | Description |
|---|---|---|---|
| itemsRequired | JSON string | None | A JSON array of syndicated publication references. |
| label | string | "Appears on" | The accessible heading for the destination list. |
| presentation | "inline" | "list" | "badges" | "card" | "inline" | How syndicated destinations are arranged. |
| showDates | boolean | false | Whether publication dates are shown. |
| Appearance | |||
| size | "sm" | "md" | "lg" | "md" | The component density and type scale. |
| variant | "outline" | "subtle" | "plain" | "subtle" | The component visual treatment. |
Every component also takes unstyled and the part-styling props. Change a default for your whole site with defaults in createPostkit. Part styles
Anatomy. Every part is yours to restyle.
Every part
- root
- label
- list
- item
- link
- icon
- date
- status
Renderers. One component, everywhere you publish.
- Headless @postkit/reactSupported
- Chakra @postkit/chakraSupported
- Email @postkit/emailAs text
- Astro @postkit/astroStatic
- Web components @postkit/elementsPlanned