Skip to main content

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

ComponentDescription
CancelButtonCancel action button
DeleteButtonDelete action button
EditIconButtonEdit action icon button
ExcelButtonExcel export button
GoBackButtonNavigate back button
HistoryButtonHistory / list view button
LoadingSuccessButtonButton with loading and success state
ManageButtonManage action button
SuccessButtonPrimary 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.