# 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

{% embed url="<https://sunny-cassata-dfe2d4.netlify.app/#/simplecard>" %}
Simple Card
{% endembed %}

```dart
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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://yashs-organization-7.gitbook.io/modular-ui-documentation/cards/muisimple-card.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.