PostTypeString

4 variants. Open one in isolation: use the link on each card.

Gist

Open alone →
GIST

Guide

Open alone →
GUIDE

Link

Open alone →
LINK

Note

Open alone →
NOTE
src/ui/0_atoms/PostTypeString.astro
---
import type { PostType } from '../../lib/feed-types'


interface Props {
  postType: PostType
}


const { postType } = Astro.props
---


<span class:list={['uppercase meta text-ink-faint tracking-widest']}>
  {postType.toUpperCase()}
</span>