@twa-dev/mainbutton

> DEPRECATED
>
> MainButton moved to @twa-dev/sdk. This repo and corresponding npm-package are deprecated.

MainButton


React component for Telegram Web Apps (TWA) Main Button.

``
npm i @twa-dev/mainbutton
`

$3

TWA SDK contains an interface that controls MainButton. It's written in imperative way:

`js
const MainButton = window.Telegram.WebApp.MainButton;

MainButton.setText('Submit');
MainButton.show();
MainButton.onClick(() => alert('submitted'));
`

It's not the best way to write code, especially if you use libraries like React.

This package exports React component that wraps TWA MainButton SDK:

`js
import MainButton from '@twa-dev/mainbutton';

alert('submitted')} />
`

$3

@MainButtonDemoBot

Codesandbox

$3

Naming is pretty straight forward and corresponds SDK props and methods:
- text
- color
- textColor
- disabled
- progress
- onClick`