Blog 47 - Timeline rail with datesPro
Posts hang off a vertical hairline rail with dot markers; dates sit in a left gutter on desktop and above each entry on mobile.
About Blog 47
Posts hang off a vertical hairline rail with dot markers; dates sit in a left gutter on desktop and above each entry on mobile.
Blog 47 is a blog block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 88 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- timeline
- rail
- dates
- list
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add blog-47Uses: badge, reveal, utils.
Usage
import Blog47 from "@/components/blocks/blog-47"
export default function Page() {
return <Blog47 />
}