material_design_mirae

pub package

Platform Support

AndroidiOSMacOSWebLinuxWindows
✔️✔️✔️✔️✔️✔️

Usage

Import import 'package:material_design_mirae/material_design_mirae.dart'

Example:

import 'package:material_design_mirae/material_design_mirae.dart';

// Button MASI
buttonMASI(
    context,
    buttonColor: primary,
    onPressed: () {
        print("Click Button Primary");
    },
    child: FittedBox(
        child: Text(
            'Primary',
            style: TextStyle(
                color: neutral10,
                fontSize: 10,
            ),
        ),
    ),
),

// Card MASI
cardMASI(
  shadowColor: neutral60.withOpacity(0.1),
  child : Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
        Container(
            width: 100,
            height: 100,
            child: Icon(
            Icons.image,
            color: neutral50,
            ),
            decoration: BoxDecoration(
                borderRadius: const BorderRadius.only(
                    topRight: Radius.circular(10.0),
                    topLeft: Radius.circular(10.0),
                ),
                color: neutral40,
            ),
        ),
    ],
  ),
),

// Color Pallet
final List _colors = [
  neutral10,
  neutral20,
  neutral30,
  neutral40,
  neutral50,
  neutral60,
  neutral70,
  neutral80,
  neutral90,
  neutral100,
  primary,
  primarySurface,
  primaryHover,
  primaryBorder,
  primaryPressed,
  primaryFocused,
  secondary,
  secondarySurface,
  secondaryHover,
  secondaryBorder,
  secondaryPressed,
  secondaryFocus,
  danger,
  dangerSurface,
  dangerHover,
  dangerBorder,
  dangerPressed,
  info,
  infoSurface,
  infoHover,
  infoBorder,
  infoPressed,
  success,
  successSurface,
  successHover,
  successBorder,
  successPressed,
  warning,
  warningSurface,
  warningHover,
  warningBorder,
  warningPressed,
];

Libraries

button
button
card
color
input
material_design_mirae