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, usesaccent
as font color - Adds
accent
property with default color#8bc34a
for brand identity raised
has been replaced withelevation
and expects a number between0
and24
, with a default of2
- The timestamp can no longer be disabled
- Kill of
CardHeader
in favor ofCardContent
- 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 ofH: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