Buttons
React Kit provides a set of button components built on MUI (Material UI). Use them for consistent actions across your app: cancel, delete, edit, save, navigate, export, and more. Each button is themed with MUI and supports the usual props (e.g. disabled, onClick, href) so they drop into existing flows with minimal setup.
Available buttons
| Component | Description |
|---|---|
| CancelButton | Cancel action button |
| DeleteButton | Delete action button |
| EditIconButton | Edit action icon button |
| ExcelButton | Excel export button |
| GoBackButton | Navigate back button |
| HistoryButton | History / list view button |
| LoadingSuccessButton | Button with loading and success state |
| ManageButton | Manage action button |
| SuccessButton | Primary success / submit button |
Usage
Import the button you need from the main package:
import {
CancelButton,
DeleteButton,
SuccessButton,
ManageButton,
} from '@js-smart/react-kit';
Then use it in your JSX like any MUI button—pass onClick, disabled, children, and other supported props as needed.
Next steps
Use the sidebar to open the documentation for each button component. For installation and peer dependencies, see Installation.