Modular UI Documentation
  • Modular UI
  • Buttons
    • MUIPrimary Button
    • MUIOutlined Button
    • MUIGradient Button
    • MUILoading Button
    • MUISecondary Button
    • MUISecondaryOutlined Button
    • MUIText Button
    • MUIPrimaryBlock Button
    • MUISecondaryBlock Button
    • MUILoadingBlock Button
    • MUIGradientBlock Button
    • MUITextBlock Button
    • MUIOutlinedBlock Button
  • Cards
    • MUIPrimary Card
    • MUIBlog Card
    • MUISimple Card
    • MUIPricing Card
    • MUIProfile Card
    • MUISignIn Card
    • MUISignUp Card
  • Carousels
  • Avatars
  • Breadcrumbs
  • CheckBox
  • Dialog
  • Input Field
  • Listtile
  • Rating
  • Slider
  • Switch
  • Tabs
Powered by GitBook
On this page
  • Properties
  • Example Usage
  • Notes
  1. Cards

MUISimple Card

PreviousMUIBlog CardNextMUIPricing Card

Last updated 1 year ago

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.

modularuiwidgets
Simple Card
Logo