Action Button

A button component that displays a loading indicator when in a pending state.

Login

Usage

import { ActionButton } from "@/app/_components/ui/action-button";
<ActionButton onClick={handleSubmit} pending={isLoading} disabled={isDisabled}>  Send</ActionButton>

Props

NameTypeDefaultDescription
children*ReactNode-The content of the button.
classNamestring-Adds a custom class to the button.
disabledboolean-Disables the button.
pendingboolean-Shows a pending state.