A simple component to create a beautiful, responsive timeline of release notes. Use standard themes, or style with your own classes.
import { ReleaseNotes, Entry } from \
"https://cdn.motif.land/motifreleasenotes@0.0.4"
<ReleaseNotes theme="orange" title="Dot Changelog"
subtitle="New features, fixes and improvements.">
<Entry date="2022-03-08" version="1.3.2"
cover="https://tinyurl.com/uyhh3b7r">
# Release note 1
</Entry>
<Entry date="2022-02-24" version="1.3.1"
cover="https://tinyurl.com/uyhh3b7r">
# Release note 2
</Entry>
</ReleaseNotes>
Dot Changelog
New features, fixes and improvements.
Go to Docs to access the brand new Dots documentation! With extensive guides, examples, API docs, tips and more.
ReleaseNotes
The main page container containing each entry, and setting the theme, and optionally the page title and subtitle.
Property | Description |
---|---|
title and subtitle | These can be either strings or JSX components for further customization. |
theme | The color theme of the changelog. Supported values are currently blue , fuchsia , orange , mono . |
className | List of class names of the container component. |
Entry
Within the ReleaseNotes
components, create Entry
components for each of your release notes.
Property | Description |
---|---|
date | The date of the release. |
version | The version of the release. |
cover | The cover image to display at the top of the release note. |