Inline Confirm

ProNew

A button that swaps in place for "Are you sure? Yes / No", with no popup, focus on the safe choice and a timeout back.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac/inline-confirm

It builds on the button component, which the CLI installs for you.

Prop	Type	Default	Description
`label`	`string`	`-`	First button text.
`question`	`string`	`"Are you sure?"`	Shown while asking.
`confirmLabel / cancelLabel`	`string`	`Yes / No`	Button text.
`onConfirm`	`() => void \| Promise<void>`	`-`	Runs on Yes.
`destructive`	`boolean`	`false`	Destructive styling.
`timeout`	`number`	`6000`	Revert after ms; 0 disables.

Role: group.

Guide and examples


pnpm dlx shadcn@latest add @tealmac/inline-confirm

It builds on the button component, which the CLI installs for you.

Prop	Type	Default	Description
`label`	`string`	`-`	First button text.
`question`	`string`	`"Are you sure?"`	Shown while asking.
`confirmLabel / cancelLabel`	`string`	`Yes / No`	Button text.
`onConfirm`	`() => void \| Promise<void>`	`-`	Runs on Yes.
`destructive`	`boolean`	`false`	Destructive styling.
`timeout`	`number`	`6000`	Revert after ms; 0 disables.

Role: group.