madeno v0.3.0

Madeno

Madeno is Material Design Notification component for Material UI v1.

Getting Started

npm install madeno

Demo

Install and run the demo to see how Madeno looks. Spoiler alert: it looks nice.

Changelog

Madeno 0.3

• Major improvements to follow the official Material Design specifications
• appTitle has been added as a new variable to show in the notification to better match Material Design
• Colors cheveron in the accent color
• Implements showing the appTitle for brand identity, uses accent as font color
• Adds accent property with default color #8bc34a for brand identity
• raised has been replaced with elevation and expects a number between 0 and 24, with a default of 2
• The timestamp can no longer be disabled
• Kill of CardHeader in favor of CardContent
• Clean-up for the files included in the build and package that can be downloaded from npm
• Put a div arround avatars
• Revamped demo
• Remove misplaced moment package
• Use date-fns\format to get the default timestamp
• Timestamp is now by default of the format H:mm instead of H:mm A
• Madeno is now about 20kB smaller
• Fixes an issue where the hover effect of buttons would be shown to far to the left
• We added this changelog, yay

Madeno 0.2.2

• Minor update to used font weights

Madeno 0.2.1

• Updates the drop shadow behind notifications

Madeno 0.2

• Replace some branding and references to the original project
• Update a bunch of dependencies
• Move action buttons to the left
• Places notifications at the same distance from the bottom as from the right
• Use a more Material Design-like drop shadow

Madeno 0.1.1

Initial release

• Don't show a divider between the header and the footer
• Use a background color for the footer