react-pretty-log

Pretty Log

A simple React Component to have pretty change log descriptor images.

Usage

ReactDOM.render(<PrettyLog items = {[
    { title: "Cleaner UI", image: "1.png" },
    { title: "Charts for better data representation", image: "2.png" },
    { title: "Responsive UI, no more scrolling!", image: "3.png" }
]} size = '200px' />, document.getElementById('root'));

Attributes

• items List of items to form bubble from.
• classes List of classes (space separated string) you want to add per bubble. For example col-md-4 for 3 cards using bootstrap.
• size Size of images. For example 200px.
• color Prominent color of the bubbles
• font Font for the text

Screenshot

Status

• Find a way to keep it as customizable as possible
• Create a basic version with only one style