Submit Button

Submit button to indicate loading state.

Installation

npx shadcn@latest add "https://reusables.vercel.app/r/submit-button"

Usage

import { SubmitButton } from "@/components/ui/submit-button"

<SubmitButton isSubmitting={isSubmitting}> Loading </SubmitButton>

Examples

Default

Position Left

Hide Text

Reference

Prop	Type	Default
`value`	`ReactNode`	-
`hideText`	`boolean`	`false`
`className`	`string`	-
`spinnerClassName`	`string`	-
`spinnerSize`	`default \| sm \| lg \| icon`	`default`
`position`	`right \| left`	`right`

Last updated on

Previous

Split Button

Next

Theme Image

On this page

Installation Usage Examples Default Position Left Hide Text Reference