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

MUIProfile Card

PreviousMUIPricing CardNextMUISignIn Card

Last updated 1 year ago

A profile card by ModularUI with customizable name, image, designation, and social icons.

Properties

  • name: String - Name of the person.

  • nameStyle: TextStyle - Text style for the name, default: TextStyle(fontSize: 18, color: Colors.black, fontWeight: FontWeight.bold).

  • image: Image - Profile image.

  • designation: String - Designation of the person.

  • designationStyle: TextStyle - Text style for the designation, default: TextStyle(fontSize: 16, color: Colors.black).

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

  • socialIcons: List - List of social icons to display in the card footer.

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

  • maxWidth: double - Maximum width of the card, default: 430. Responsive to screen size.

Example Usage

MUIProfileCard(
            name: 'Utkarsh Shrivastava',
            image: Image.network('https://iili.io/JllFe19.jpg', fit: BoxFit.cover),
            designation: 'Flutter Developer',
          ),

Notes

  • The card provides a visually appealing way to display profile information.

  • Customize appearance and layout using the provided properties.

modularuiwidgets
Profile Card
Logo