> For the complete documentation index, see [llms.txt](https://yashs-organization-7.gitbook.io/modular-ui-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://yashs-organization-7.gitbook.io/modular-ui-documentation/buttons/muitextblock-button.md).

# MUITextBlock Button

A customizable text block level button by ModularUI with optional icons.

### **Parameters:**

* **`text`**: The text to display inside the button.
* **`onPressed`**: A callback function to be executed when the button is pressed.
* **`bgColor`**: Background color of the text block button when pressed. Default is grey.
* **`textColor`**: Text color of the text block button. Default is black.
* **`borderRadius`**: Border radius for the text block button. Default is 10.
* **`animationDuration`**: Duration of the animation when the button is pressed in milliseconds. Default is 250ms.
* **`hapticsEnabled`**: Enables light haptic feedback. Default is false.
* **`widthFactor`**: A double value multiplied by the current screen width, determining the width of the button in the pressed state.
* **`heightFactor`**: A double value multiplied by the current screen height, determining the height of the button in the pressed state.
* **`leadingIcon`**: Optional leading icon for the button.
* **`actionIcon`**: Optional action icon for the button.
* **`iconColor`**: Icon color for both leading and action icons. Default is black.

Component:

{% embed url="<https://sunny-cassata-dfe2d4.netlify.app/#/block/textbutton>" %}
Text Block Button
{% endembed %}

```dart
MUITextBlockButton(
            text: 'Text Block Button', onPressed: () {}),
```