MUISimple Card

A simple card by ModularUI with a title, description, and optional buttons.

Properties

  • title: String - The title of the card.

  • titleStyle: TextStyle - Text style of the title, default: TextStyle(fontSize: 24, fontWeight: FontWeight.bold).

  • description: String - The description of the card.

  • descriptionStyle: TextStyle - Text style of the description, default: TextStyle(fontSize: 16, color: Colors.grey).

  • bgColor: Color - Background color of the card, default: Colors.white.

  • borderRadius: double - The border radius of the card, default: 8.

  • maxWidth: double - Maximum width of the card, default: 430. If the screen width is less than maxWidth, the widget will be responsive; otherwise, it will be equal to maxWidth.

  • buttons: List? - List of Flutter Widgets or ModularUI Widgets used as buttons for MUISimpleCard, default: [].

Example Usage

MUISimpleCard(
          title: 'UI/UX Review Check',
          description:
              'The place is close to Barceloneta Beach and bus stop just 2 min by walk and near to "Naviglio" where you can enjoy the main night life in Barcelona',
          buttons: [
            MUIPrimaryButton(
              text: 'Read More',
              onPressed: () {},
            ),
          ],
        ),

Notes

  • The simple card provides a clean and straightforward way to display information.

  • Customize the appearance and layout of the simple card using various properties.

  • Buttons can be added to the card for interactive actions.

Last updated