Beautiful Release Notes

A simple component to create a beautiful, responsive timeline of release notes. Use standard themes, or style with your own classes.

Usage

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.

1.3.2

March 8, 2022

New documentation website

Go to Docs to access the brand new Dots documentation! With extensive guides, examples, API docs, tips and more.

1.3.1

February 24, 2022

Quality of life improvements

Move project to another team.
Add option to disable auto-formatting.
Add option to disable render-on-type.
Create new file from folder.
Shortcut to create a new template.

Components

`ReleaseNotes`

The main page container containing each entry, and setting the theme, and optionally the page title and subtitle.

Supported properties

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.

Supported properties

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.