Feedback

Alert

An inline, non-dismissing-by-default banner for page-level or form-level messages.

Alert

Preview

Payment method expiring

Your card on file expires at the end of this month.

Usage

tsx

import { Alert } from "@vesture/react";

<Alert variant="danger" title="Something went wrong" onDismiss={() => setShow(false)}>
  Please check your input and try again.
</Alert>

Props

Prop	Type	Default	Description
variant	"info" \| "success" \| "warning" \| "danger"	"info"	Accent color.
title	ReactNode	—	Bold title line.
onDismiss	() => void	—	If provided, renders a dismiss button.