Components
Feedback
Inline notices and loading placeholders in the shared palette.
Saved locally
Your example is up to date.
Review the required fields
Enter a valid email address.
Preview environment
Changes apply to this example only.
Interactive local example · fictional data
The Code tab contains this preview’s complete source, including sample data and interaction state. Load the package stylesheet and Switzer font as described in the installation guide. Additional layout utilities require Tailwind CSS in your application.
API reference
| Prop | Type | Default |
|---|---|---|
| Alert.variant | "info" | "success" | "danger" | "info" |
| Alert.onDismiss | () => void | — |
| Skeleton.className | string | — |
Primitives also accept their underlying HTML or Radix props. Full types are included with the package.
Behavior & accessibility
- Danger notices use role=alert; other notices use role=status.
- Loading, error, and success variants are documented extensions, not production-submission captures.
Reference
Companion states; production forms were not submitted